Programing

부트 스트랩 4 img-circle 클래스가 작동하지 않음

lottogame 2020. 12. 4. 07:41
반응형

부트 스트랩 4 img-circle 클래스가 작동하지 않음


저는 HTML5와 Bootstrap 4로 웹 사이트를 작성하고 있으며 정사각형 이미지를 원으로 바꾸려고합니다. Bootstrap 3에서는으로 쉽게 할 수 .img-circle있었지만 이제는 작동하지 않는 것 같고 온라인에서 어떤 답변도 찾을 수 없습니다. Bootstrap이 img-circle 클래스를 삭제했거나 내 코드가 엉망입니까?

다음과 같이 진행됩니다.

<!-- Within a tab-content div --> 
<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>

누군가 나를 도울 수 있기를 바랍니다 :)


이제 BS4 문서에 설명 된rounded-circle 대로 호출 됩니다.

<img src="img/gallery2.JPG" class="rounded-circle">

데모


이제 수업은 이것입니다

 <img src="img/img5.jpg" width="200px" class="rounded-circle float-right">


Bootstrap 4 에서는 .rounded-circle 로 이름이 변경되었습니다.

사용법 :

<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="rounded-circle" alt="HelPic>
</div>

부트 스트랩에서 마이그레이션 문서참조하십시오 .

참고 URL : https://stackoverflow.com/questions/41018489/bootstrap-4-img-circle-class-not-working

반응형