WEB/BOOTSTRAP

Bootstrap 4 img-circle class not working

Remoted remoted 2018. 6. 7. 22:47


I'm writing a website in HTML5 and Bootstrap 4 and I'm trying to turn a square image into a circle. In Bootstrap 3 this was easily do-able with .img-circle, but now I can't seem to get it to work and I can't find any answers online. Has Bootstrap dropped the img-circle class or is my code messed up?

It goes something like this:

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

Hope somebody can help me out :)

It's now called rounded-circle as explained here in the BS4 docs

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

Demo: http://www.codeply.com/go/FelvOGA7Xn


'WEB > BOOTSTRAP' 카테고리의 다른 글

Font awesome Gallery  (0) 2019.04.27
Bootstrap 4 img-circle class not working  (0) 2018.06.07
Spacing  (0) 2018.06.06
1 2 3