Ich schreibe eine Website in HTML5 und Bootstrap 4 und versuche, ein quadratisches Bild in einen Kreis zu verwandeln. In Bootstrap 3 war dies problemlos möglich .img-circle
, aber jetzt kann ich es scheinbar nicht zum Laufen bringen und kann online keine Antworten finden. Hat Bootstrap die img-circle-Klasse gelöscht oder ist mein Code durcheinander?
Es geht ungefähr so:
<!-- Within a tab-content div -->
<div class="col-xs-7">
<img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>
Hoffe jemand kann mir helfen :)
html
css
twitter-bootstrap
bootstrap-4
Cal Courtney
quelle
quelle
In Bootstrap 4 wurde es in .rounded-circle umbenannt
Verwendung :
<div class="col-xs-7"> <img src="img/gallery2.JPG" class="rounded-circle" alt="HelPic> </div>
Siehe Migration docs von Bootstrap.
quelle
Jetzt ist die Klasse das
<img src="img/img5.jpg" width="200px" class="rounded-circle float-right">
quelle