So erreichen Sie abgerundete Ecken im Bootstrap

Bootstrap bietet vier Stile für die Klasse <img alt="So erreichen Sie abgerundete Ecken im Bootstrap" >:

.img -rounded: abgerundete Ecken (nicht unterstützt von IE8), fügen Sie border-radius:6px hinzu, um abgerundete Bildecken zu erhalten (empfohlenes Lernen: Bootstrap-Video-Tutorial)

. Kreis: kreisförmig (wird von IE8 nicht unterstützt), fügen Sie border-radius:50% hinzu, um das gesamte Bild kreisförmig zu machen.

.img-thumbnail: Miniaturbildfunktion, etwas Polsterung und einen grauen Rand hinzufügen.

.img-responsive: Bildresponsiv (wird gut auf übergeordnete Elemente skaliert).

Verwendung:

Fügen Sie den Klassenstil direkt zur Klasse hinzu:

<img  alt="So erreichen Sie abgerundete Ecken im Bootstrap" >

Der Effekt ist wie folgt:

Sie können die Auswirkungen der Verwendung verschiedener Stile anhand des Bildes erkennen. Die Bearbeitung des Bildes ist sehr einfach und bequem.

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte

Bootstrap-Tutorial.

Das obige ist der detaillierte Inhalt vonSo erreichen Sie abgerundete Ecken im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!