Bootstrapの使い方

Bootstrapとは

BootstrapはCSSを簡単に実装できるフレームワークです。

通常、CSSでスタイルを指定する時は、2つの作業が必要です。

しかしBootstrapを使えば、この作業を省略できます。

例えば、

文字を中央寄せにしたい時、

通常であれば「text-align: center;」と指定します。

Bootstrapを使うと、

<p class="text-center">これで中央寄せになります。</p>

便利です。

Bootstrapの使い方

Bootstrapを使うには、

headタグ内にlinkタグを記述するだけです。

他のCSSファイルは、Bootstrapのlinkタグの後ろに記述します。

BootstrapのWebサイトのCSSと書かれたコードを貼り付けるだけで使えます。

以下サンプルを貼り付けておきます

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

Bootstrapの学習動画

Bootstrap初めて使うならこちらの動画がおすすめです。

体系的でわかりやすいです。

短時間で概要がつかめます。

以上です。