Bootstrap

Bootstrapではキストの左寄せ・中央・右寄せにするクラスが用意されています。 実際にはtext-left、text-center、text-rightクラスを指定することで実現します。 左寄せ ...

Boostrapに定義されているクラスを自分メモ用にまとめておきます。 随時追加していきます。 メディアクエリーブレークポイント（BreakPoint）の指定 Bootstrapでの画面サイズによるメ ...

Boostrapでのマージン（margin)とパディング（Paddning）の指定は既定のクラスが設定されているので、そのクラスを利用するとマージン（margin)とパディング（Paddning）が設 ...

Boostrapでの横幅と高さの指定は既定のクラスが設定されているので、そのクラスを利用すると簡単に横幅と高さが設定できます。 Boostrapでの横幅と高さの指定 Boostrapでは横幅（widt ...

Bootstrap4では画面の横幅を12分割して管理する「グリッドシステム」を採用しています。 この「グリッドシステム」を利用すれば、簡単にスマホなどに対応したレスポンシブデザインの表を作成することが ...

Bootstrapではflexboxを利用することでテキストをコンテナの上寄せ・上下中央・下寄せにすることができます。 実際にはd-flexクラスとalign-items-start,align-it ...

親要素いっぱに広がるジャンボトロン これは親要素の横方向いっぱいに広がるジャンボトロンです。ブログのアイキャッチにも使えます。 Bootsrapにはデフォルトでジャンボトロン（jumbotron）が設 ...

Bootstrapをサイトに追加する方法 BootstrapをWordPressサイトに追加するにはダウンロードするよりCDNの方が楽にできます。 Bootstrapは非常に強力なCSSフレームワーク ...

Bootstrapで画像を丸く表示する Bootstrapで画像を丸く表示するにはrounded-circleを使います。 Bootstrap4では四角い画像を簡単に丸い形で表示することができます。 ...