エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

Bootstrap

【Bootstrap】colの値が12未満のときに考えること【937日目】

グリッドシステムで、数値が余る 何も考えずにcolの値を設定していた。 そして、以下のようなコードが生まれた。 <div class="row"> <div class="col-3">あああああ</div> </div> グリッドシステムは12を割り振るので9余っている。 問題ないか? 縮めたときにどうなるか考える 一見問題なさそうに見えるので、…

Bootstrap4で中央に配置する方法【673日目】

Bootstrap3の場合 クラスの書き方が違います。こちらを参照どうぞ。 www.nyamucoro.com 結論 classにoffset-md-3で空白を作り、その後に目的の col-md-6などを配置する 公式ドキュメント getbootstrap.com 正しくはブランク配置 Bootstrapは12カラムでブロッ…

Bootstrap3で中央に配置する方法【64日目】

Bootstrap4の場合はこちらを参考に 書き方が違います。その場合はこちらを参考に(‘ω‘ ) www.nyamucoro.com 結論 classにcol-md-offset-3 col-md-6とか.col-md-offset-4 .col-md-4と書く ドキュメント getbootstrap.com Offsetting columnsのところ。ctr+fで…