[Bootstrap] IMG関連のスタイルおよびカスタマイズのまとめ | きほんのきTwitter Bootstrap3のimgタグ関連の機能の使い方やカスタマイズのまとめです。 レスポンシブデザインで画像を使う 画像の角丸化 画像を円形にする 画像に枠を付ける 画像のリンク化 画像にテキストを回り込ませる 画像にテキストを必ず回り込ませる レスポンシブデザインでイメージファイルを使う レスポンシブデザインのサイトで、イメージファイルもレスポンシブ化するには、.img-responsiveクラスをimgタグに設定します。そうすると、イメージファイルの横幅を自動的にカラム幅に合わせてくれます。 <img class='img-responsive' src='...'> 角丸 角丸ならイメージファイルを編集しなくとも、Bootstrapで対応してくれます。 <img class='img-rounded' src='...'> 初期設定では.img-roundedのbord
![[Bootstrap] IMG関連のスタイルおよびカスタマイズのまとめ | きほんのき](https://cdn-ak-scissors.b.st-hatena.com/image/square/12cc505e76b1fa97a06c759fd0e75f58ff5cce41/height=288;version=1;width=512/http%3A%2F%2Fkihon-no-ki.com%2Fwp-content%2Fuploads%2F2015%2F08%2F2015-08-01.jpg)
