ブートストラップ-画像

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

  • .img-rounded−画像に丸みを帯びた角を与えるためにborder-radius:6pxを追加します。

  • .img-circleborder-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">