最新のWeb開発のチュートリアル
 

Bootstrap CSSイメージリファレンス


Bootstrapイメージ

角丸:

チンクエテッレ

サークル:

チンクエテッレ

サムネイル:

チンクエテッレ

<img>クラス

以下のクラスは、任意の画像をスタイルするために使用することができます。

クラス 説明
.img-rounded 画像(IE8では使用できません)に丸めコーナーを追加します。 それを試してみてください
.img-circle サークル(IE8では使用できません)に画像を整形 それを試してみてください
.img-thumbnail サムネイルに画像を整形 それを試してみてください
.img-responsive 対応する画像は、(親要素にうまく調整されます)になります それを試してみてください

レスポンシブイメージ

追加することにより、応答画像を作成します。 .img-responsiveにクラスを<img>タグ。 画像は、親要素にうまく調整されます。

.img-responsiveクラスが適用されmax-width: 100% height: auto 、およびdisplay:block画像ました:

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
»それを自分で試してみてください