Bootstrap4-alpha4を自分用に使いやすく設定

Bootstrap4-alpha4を自分用に使いやすく設定しました

ファイル構成

Bootstrap4-alpha4
└── dev
    └── scss
        ├── _bootstrap.scss（bowerのbootstrapを読み込み）
        ├── _bootstrap-variables.scss（bootstrapの変数を変更）
        └── style.scss（各scssファイルを読み込み、../css/にコンパイルします）

Bootstrap自体はBowerで読み込ませて、作業ディレクトリ内の/scss/に

• Bootstrap読み込み用scss
• variables変更用scss

を設置しています。

FlexBoxグリッドを利用できるようにしています

_variables.scssの42行目辺りにある「Options」の$enable-flexを初期値のfalseからtrueに変えるとFlexBoxグリッドが利用できるようになります。

例に習って/dev/scss/の_bootstrap-variables.scssを変更しています。