0

私は最新のブートストラップを使用していますが、レスポンシブ グリッドのアイテム間に単純なマージンを追加することができません。col 設定 (col-lg / col-md / col-sm / col-xs) に基づいて 4 / 3 / 2 / 1 列からスケーリングする単純なグリッドがあります。

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
        <!-- put stuff in here -->
    </div>
  </div>
</div>

上記のレイアウトでアイテム間の単純なマージンを取得するために、デフォルトのスタイル（または less プロパティを直接）をオーバーライドする簡単な方法が欲しいです。

デフォルトでは、これは正しくスタックされますが、各アイテムは互いに直接隣り合っています。最小限のハッキングで必要なガター幅を実現するにはどうすればよいですか?

4

1 に答える 1

2

BS3 では、マージンの代わりにパディングを使用して「ガター」が作成されるため、ガターの外観を作成する最も簡単な方法は、col-*..

http://bootply.com/113815

Bootstrap 3 ガターを理解するには、この記事を参照してください。

http://blog.codeply.com/2016/04/06/how-the-bootstrap-grid-really-works/

于 2014-02-14T18:37:26.717 に答える