13

行内で 4 つの列を使用しているブートストラップでページを作成しています。コード：

<div class="row text-center">
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
</div>

各列にクラスを追加して、それぞれに境界線を設定できるようにしました。

.cliente {
    margin-top:10px;
    border: #cdcdcd medium solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

問題は、ブートストラップ グリッドの自然なガターによって境界線を分離する必要があり、それが機能していないことです。

私を手伝ってくれますか？ありがとう。

4

4 に答える 4

7

プロパティを使用できoutlineます。divclienteは必要ありません。

.row > div {
    margin-top:10px;
    padding: 20px;
    outline: 2px solid #ccc;
    outline-offset: -10px;
    -moz-outline-radius: 10px;
    -webkit-outline-radius: 10px;
 }
于 2015-03-14T18:46:34.703 に答える
2

追加の要素を必要としないバージョンを作成しましたが、高さが等しくない可能性があります。

Twitter Bootstraps グリッド システムを使用して 2 つの列の間に線を追加するにはどうすればよいですか

于 2015-03-30T08:47:43.823 に答える