エンジニアのひよこ_level10

【毎日更新!】新卒4年目エンジニアブログです!

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

グリッドシステムで、数値が余る

何も考えずにcolの値を設定していた。

そして、以下のようなコードが生まれた。

<div class="row">
  <div class="col-3">あああああ</div>
</div>

グリッドシステムは12を割り振るので9余っている。
問題ないか?

縮めたときにどうなるか考える

一見問題なさそうに見えるので、そのままコードを書いた。

でも、画面を縮めたときに文字が改行されてしまった。
右にスペースが余っているにも関わらず。

これが意図的であればよいが、そうではないときには、col-12にしておくべき。

数値余ったなー?って思ったら、それが意図的か考えておくと良さそうですφ(・