Bootstrap-images

提供:Dev Guides
2020年6月22日 (月) 20:01時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

ブートストラップ-画像

この章では、イメージのブートストラップサポートについて説明します。 ブートストラップは、いくつかの単純なスタイルを画像に適用するために使用できる3つのクラスを提供します-

  • 。img-rounded -_border-radius:6px_を追加して、画像の角を丸くします。
  • 。img-circle -_border-radius:500px_を追加して、画像全体を丸くします。
  • 。img-thumbnail -少しのパディングとグレーの境界線を追加します-

次の例はこれを示しています-

<img src = "/bootstrap/images/download.png" class = "img-rounded">
<img src = "/bootstrap/images/download.png" class = "img-circle">
<img src = "/bootstrap/images/download.png" class = "img-thumbnail">