Bootstrap 3 を使い始めたばかりです。行クラスの仕組みを理解するのに苦労しています。 および を回避する方法はありますpadding-leftかpadding-right?
<div class="row" style="background:#000000">
<div class="col-xs-4 .col-xs-offset-1">
col
</div>
<div class="col-xs-2">
col
</div>
<div class="col-xs-2">
col
</div>
<div class="col-xs-2">
col
</div>
</div>
ベストアンサー1
すべてのグリッド システムでは、各列の間にガターがあります。Bootstrap のシステムでは、このガターを作成するために、各列の左側と右側の両方に 15 ピクセルのパディングを設定します。
問題は、最初の列の左側に半分のガターがあってはならず、最後の列の右側に半分のガターがあってはならないことです。一部のグリッド システムのように、これらの列に何らかの.firstまたは.lastクラスを使用するのではなく、代わりに、.row列のパディングと一致する負のマージンを持つようにクラスを設定します。これにより、最初の列と最後の列からガターが「引き出され」、同時に列の幅が広くなります。
div.rowは、グリッド列以外のものを保持するために使用しないでください。そうした場合、フィドルで明らかなように、コンテンツが列に応じてシフトされます。
アップデート：
私が回答した後、あなたは質問を修正しましたので、今あなたが尋ねている質問に対する答えは次のとおりです。.container最初の にクラスを追加します<div>。実例。