반응형
부트 스트랩 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
반응형
'Programing' 카테고리의 다른 글
규칙을 사용하여 자동으로 구체화 된 뷰를 새로 고치거나 알림 (0) | 2020.12.04 |
---|---|
docker rmi는 이미지를 제거 할 수 없습니다. (0) | 2020.12.04 |
Notepad ++에서 여러 줄 "파일에서 바꾸기…" (0) | 2020.12.04 |
Eclipse에서 JBoss 디버깅 (0) | 2020.12.04 |
서버의 자동 django 수신 후크 : "yes"로 collectstatic에 응답 (0) | 2020.12.03 |