SASS CSSのブートストラップ4で15列を取得するには？

Question

1200px/15 colsフレームワークのレイアウト設計がはっきりしていますが、私のクライアントはSASSでのみBootstrap 4を使用したいと考えています。ブートストラップを15 colsレイアウトに変換することも可能ですか？私はそのような例をオンラインで見たことがありません。私は小さなプロジェクトのためのBootstrapの巨大なファンではありません。私が正直に理解していない傾向です。 5ページのウェブサイト&のプロジェクトのために重すぎるかもしれないプロジェクトは、コンテンツに応じて行われている、いくつかのフレームワークによるのではなく、Twitterの裏付けかどうか。

しかし、これはそれです。

15色のレイアウトを記述することができれば、始める方法のヒントを教えてください。そのような適応を実行するのにどれくらいの時間がかかりますか？

Answer 1

ブートストラップ4を適切な設定で再コンパイルすることができます。

ドキュメントはhttps://v4-alpha.getbootstrap.com/layout/grid/#customizing-the-gridで説明する必要がありますが、それは一時的なリンクなのでここでそれを取り上げます。

まず、SASSをCSSに組み込むことができるはずですが、全体として、ビルドするブートストラップファイルを含める前にいくつの列の変数を設定するか、variable.scssファイルを変更してそのような$グリッドの列値：

$grid-columns:    15; 

出発点である、あなたは、各列間の総幅とガターを制御するために他のグリッド変数を調整する必要があるかもしれなど

あなただけ変更する必要が

Answer 2

SASSを使った$ grid-columns変数

$grid-columns: 15;

また、あなたがより多くの列を使用しているので、列の間の間隔を減少させるために$grid-gutter-widthのような他の変数をチェックアウトすることができます。

Working Demo