新しいブーストラップ 3 グリッドに移行しようとしていますが、いくつかの問題に直面しています。
- グリッドを 480px 未満にスタックするが、480px と 768px の間にはスタックしないようにするにはどうすればよいですか?
- 768px より上では、最初のパディングの左と最後のパディングの右はコンテナの外側にありますが、768px より下ではパディングがコンテナの内側にあるため、コンテンツが上にある可能性のあるコンテナと整列していないため、外観が異なります。
- グリッドスタックがパディングのままになると、私には0になるはずです。
どんな助けでも大歓迎です私はブートストラップ3 RC1で以下のコードを使用しています
<div class="container" style="background-color: purple;">
container
</div>
<div class="container">
<div class="row">
<div style="background-color: red" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
<div style="background-color: blue" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
<div style="background-color: green" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
</div>
</div>