Bootstrap で検索した結果 - プログラミングならドットインストール

ボタンの横に、 Bootstrap 独自のアイコンを追加していきます。

Bootstrap Iconsを使うためのCSSを読み込んでアイコンを表示してみます。

スターターテンプレートを使い、必要なファイルを読み込んだindex.htmlを用意していきます

ブラウザ幅に応じてコンテンツの幅を調整してくれる container クラスを使っていきます。

container クラスにキーワードを追加することで、コンテンツの幅を制御していきます。

row、colクラスを使って2カラムや3カラムのレイアウトを組み上げていきます。

カラムの幅の比率を指定できる、グリッドシステムについて見ていきます。

ブラウザの幅に応じて、3カラムのレイアウトを変化させていきます。

カラムの表示 / 非表示を切り替えるためのクラスを使っていきます。

背景色や境界線など、ユーティリティ的に使えるクラスについて確認していきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス