ミギムキ

[CSS] Bootstrapのオフセット(col-*-offset-*)で要素がずれるときの対処法

指定していないはずのブレイクポイントでオフセットが働いてしまう

<div class="container"> <div class="row"> <div class="col-sm-6 col-md-4"></div> <div class="col-sm-6 col-md-4"></div> <div class="col-sm-offset-3 col-sm-6 col-md-4"></div> </div> </div>

大きいブレイクポイントのオフセットをリセットする

<div class="container"> <div class="row"> <div class="col-sm-6 col-md-4"></div> <div class="col-sm-6 col-md-4"></div> <div class="col-sm-offset-3 col-sm-6 col-md-offset-0 col-md-4"></div> </div> </div>
スポンサー広告