2

Bootstrap を使い始めましたが、とてもイライラしています! また、レールも使用しているため、Web エンティティを可能な限り整理することが私の哲学です。

Bootstrapグリッドについてお話しします。

Bootstrap を使用すると、それらのクラスを使用して div をグリッドに配置できます。私のサイトには、サイドバーがあり、ネストされたグリッド オブジェクトが複数あります。私はインデントをよく使用します (haml - しかしプレーンな HTML もインデントします) と Bootstrap の方法を使用します。次に例を示します。

       <div class="row">

            <div class="span5">

                <div class="row">
                    <div class="span2">
                        <p>
                            hohohohohohoho
                        </p>
                    </div>
                    <div class="span3"> ....

ここでは、ポジショニングのためだけに 4 つのクラスを用意しています。

言い換えれば、私のビューはもはやきれいではありません...それらは、実際にはスタイリングのみに使用されるブートストラップ クラスで満たされています。グリッド システムを変更する場合は、すべてのビューを変更する必要があります。（悪夢）。これにより、インライン スタイリングの時代に戻ります...

これは質問をするフォーラムなので、私の質問は次のとおりです。

ビューを醜くすることなく、ブートストラップ グリッド (または 960.gs グリッド) の利点を享受できますか? つまり、html を大幅に変更せずに、このスタイルをすべて css に埋め込むことはできますか?

何かのようなもの：

side-bar{
    color:red;
    span:span_5;
}
4

1 に答える 1

1

SASS[1] または LESS[2] (またはスタイラス、またはその他の CSS プリプロセッサ) を使用します。

[1] - http://sass-lang.com/
[2] - http://lesscss.org/

これを正確に許可します。プリプロセッサでスターを付ける方法については、オンラインで多くのチュートリアルがあり、これは非常に役立ちます。ここでプリプロセッサの概要 (この場合は LESS) を読むことができます: http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

さらに、私の意見では、css/html の完全な分離は神話です。「グリッド システムを変更する」ようなことはめったになく、CSS だけを変更して再設計することはめったになく、常に HTML も変更する必要があります。

于 2012-11-14T16:59:28.530 に答える