55

中央に線がある2列のレイアウト。

[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[     Left Column      ] | [    Right Column      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
4

7 に答える 7

67

あなたの質問は正しかったと思います...これは以下のコードです。以下のインライン スタイルは説明用です。css ファイルにスタイルを適用します。

<div class="container">
    <div class="row-fluid">
        <div class="span6" style="padding-right:20px; border-right: 1px solid #ccc;">
            <p>Some Contents Here...</p>
        </div>

        <div class="span6">
            <p>Some Contents Here...</p>
        </div>
    </div>
</div>

上記のコードは、この画像を出力します。

ここに画像の説明を入力

于 2012-08-06T05:18:36.013 に答える
1

user2136179 によって提供された CSS を拡張すると、下の境界線を作成することもできます。matchHeight を使用する必要がありますが、Bootstrap Grid をテーブル グリッドのように見せることができます。見てみな

// See the rest on codepen.io
$(".border-bottom").children("div").matchHeight();
于 2017-02-02T20:09:53.447 に答える
-1

左の列を48％の幅、右の列を48％の幅、中央の2％のdivを背景を繰り返して設定できると思います。あなたはそれを自分で処理しなければなりません

于 2012-08-05T08:47:24.000 に答える