ブートストラップ4フレックスグリッドシステム

Question

ブートストラップ3では、必要なものだけをダウンロードできる「カスタマイズとダウンロード」オプションがありました。今、ブートストラップ4はフレックスボックスをサポートしているので、私はブートストラップ4のフレックスグリッドシステムをダウンロードしたいだけです。それ以上のオプションは見ることができません。これを行う方法はありますか？

Answer 1

（CSSプリプロセッサを使用している場合）、このアルファ段階では、あなたはフレキシボックスを使用するための真/偽を切り替えることができますがbootstrap V4 Alpha docs

あたりとしてフレキシボックスのサポートは最終的にブートストラップになってきました。変数のフリック、または スタイルシートのスワップを含む新しいCSS レイアウトスタイルにオプトインします。

How it works:

あなたはサス、または任意の他のCSS プリプロセッサ-you'llで変数を変更するに精通している場合フレキシボックスモードに移動するために自宅で正しいかも。

1. _variables.scssファイルを開き、$enable-flex変数を見つけます。
2. falseからtrueに変更してください。
3. 再コンパイルして完了！

あなたがソースサスファイルを必要としない場合は別の方法として、あなたはコンパイルフレキシボックス 変化に デフォルトブートストラップコンパイル済みのCSSを入れ替えることがあります。詳細についてはHead to the download pageをご覧ください。

Answer 2

将来はカスタマイズ可能なダウンロードがあるかもしれませんが、現在は$enable-flex変数を有効にする唯一の方法があります。 SASSを使用した例を次に示します。

$enable-flex:true;

http://codeply.com/go/JbGGN4Ok3A

UPDATE：ブートストラップ4アルファ6のよう、フレキシボックスがデフォルトになりました： http://www.codeply.com/go/p/bootstrap_4.0.alpha.6

Answer 3

この質問に答える時に、あなたがコンパイルをダウンロードした場合.zipが見つかったhere、3つのスタイルシートを持つCSSフォルダが付属しています

• bootstrap-grid.css
• bootstrap-normalize.css
• bootstrap.css

bootstrap-gridファイルは、あなたが探しているものである、唯一のグリッドCSSと何もしています。

Answer 4

あなたはいつも自分のGithubのページに移動し、唯一のグリッドCSSファイルを取得することができます。

https://github.com/twbs/bootstrap/tree/v4-dev/dist/css

手動で移動する必要がある場合、それはDIST/CSSのフォルダにあります。

Answer 5

フレックスグリッドを使用したい場合は、私は

https://www.flexible-grid.com

https://github.com/kenangundogan/flexible-grid

flexible-grid/ 
    ├── scss 
     ├── flexible-grid.scss 
     ├── _variables.scss 
     ├── _definitions.scss 
     ├── _wrapper.scss 
     ├── _array-list.scss 
     ├── _attribute.scss 
     ├── _grid.scss 
     └── _normalize.scss