ミギムキ

[CSS] Bootstrapで並べた各要素に上マージンを適用したい

やりたいこと

サンプルコード

CSS

div[class^="col-"] { margin-top: 60px; }
スポンサー広告

html

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3"> <p>A</p> </div> <div class="col-xs-12 col-sm-6 col-md-3"> <p>B</p> </div> <div class="col-xs-12 col-sm-6 col-md-3"> <p>C</p> </div> <div class="col-xs-12 col-sm-6 col-md-3"> <p>D</p> </div> </div> </div>

仕組み、解説、補足など

スポンサー広告