【超簡単!】Bootstrap4でグリッドのみを使う

【超簡単!】Bootstrap4でグリッドのみを使う

Bootstrap4でグリッドのみを使う方法です。
他のパーツは使わずに、グリッドのみ活用したい人は多いかと思います。。

以前にBootstrap3でグリッドのみを使う方法を書きましたが、

Bootstrap3でグリッドのみを使う:CSSを軽量カスタマイズ

Bootstrap4ではさらに簡単に使えます。

グリッドのみを使う方法

Bootstrap4の公式サイトに行き、

Bootstrap

「Download」ボタンをクリック。

さらにCompiled CSS and JSの「Download」ボタンをクリック。

Bootstrap4のファイル一式がダウンロードされます。

CSSフォルダの中の
bootstrap-grid.css
bootstrap-grid.min.css
このどちらかを使います。
*「min」は軽量圧縮バージョンです。

サイトのheadタグ内で

<link rel="stylesheet" href="css/bootstrap-grid.min.css">

などで読み込んでください。

これでOK!。
簡単ですね\(^o^)/

 

ken
Bootstrap3に比べると、さらに簡単に使えるようになりました。

 

関連記事
Bootstrap3でグリッドのみを使う:CSSを軽量カスタマイズ

WEBサイトをWordPressにて低価格・高品質で作成します

ご希望内容をお伺いした上で、金額・納期をお見積もりいたします。

お見積もり・ご注文はクラウドソーシングの「ランサーズ」にて承っております。
*ランサーズのアカウント(無料登録)が必要となります。

  • 使用するWordPressテーマは、当方にてライセンス権を購入済の「Swell」「Lightning有料版」「Katawara」の3つの中から選択する形となります。
  • お見積もり後、金額・納期が折り合わなければ発注しなくても大丈夫です。