Bootstrap-images

提供:Dev Guides
移動先:案内検索

ブートストラップ-画像

この章では、イメージのブートストラップサポートについて説明します。 ブートストラップは、いくつかの単純なスタイルを画像に適用するために使用できる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">