2012-03-16 10 views
10

流体レイアウトを使用しているときに、[セル|セル]間の溝は流体で、パーセンテージの値を持つ[left | content | right]や[left | content]や[content | right]しかし、私は左/右とコンテンツの領域の間に10pxや20pxのようなガターのための固定幅を持っていたいと思います。ブートストラップ:流体レイアウトの溝幅が固定されていますか?

どのようにこの作品を作成するには?私はすでにそれを試しましたが、激しくシフトする要素で常に終わりました。

答えて

20

Answered a question like this before、それは基本的にあまりにもあなたが持っているどのように多くのサイドバーに応じて、本体容器を相殺するために一連のクラスを作成していた降りてきたものを、そのような:

CSS

.fixed-fluid { 
    margin-left: 240px; 
} 
.fluid-fixed { 
    margin-right: 240px; 
    margin-left:auto !important; 
} 
.fixed-fixed { 
    margin: 0 240px; 
} 

Demohereを編集します。

+0

デモ、メインコンテンツの3つの列をどうやって流体にするか20pxしかないようにするにはどうすればいいですか?私が思うサイドバーの上に示したのと同じテクニック?今週末にそれを試してみよう。基本的に私はいくつかの液体カラムを持つ方法を理解したいが、その内容に固定された溝空間があるようにする。 – burzum

+0

@ burnzum imは混乱していますが、あなたは固定されたコンテナをどうやって得るのですか?それは今のやり方とは対照的に?そこにあるガターはすべて20pxですが、 'fixedfixed'クラスのマージンを見ると' margin:0 240px; 'に設定されているのが分かります。サイドバーは幅220pxと余分な20px(合計240px)のマージンを使用して、メインコンテナを囲んでいるガターを形成します。 –