ミギムキ

[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>

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。

スポンサー広告