Bootstrap チュートリアル4〜W3schools: そのほかの基本〜

各コンポーネントの表示方法を「そのほか」と言う形でまとめて記載したいと思います。

Imge表示

<CSSクラスの書き方>

Rounded Corners: class="img-rounded"

Circle: class="img-circle"

Thumnail: class="img-thumbnail"

上のCSSクラスを適用させることで、上の３種類の表現が使用できる様です。

上の様なCSSを適用するクラスらしいです。下の様に書く様です。

class="jumbotron"

h1タグみたいな感じで、下の様に表示できる様です。

class="page-header"

Success: class="alert alert-success"

Info : class="alert alert-info"

Warning : class="alert alert-warning"

Danger : class="alert alert-danger"

まだまだある様ですが、とりあえずはこの辺でやめておきます。

しかし、最後にテーマなるものがあったのでそれを記載しておきます。

ここのページにありました。

とりあえずは、簡単にほとんどのコンポーネントをオシャレに表示できるクラスが用意されている様なので、「ここの表示は・・・・」と悩んだら、BootstrapのCSSクラスを探してみると良いのではないでしょうか？

でわでわ。。。