Bootstrapでcontainerやcolの余白を消す方法を解説！Bootstrapには、グリッドシステムというレイアウト指定を便利にするシステムがあります。 以下のように、.containerと.rowと.colを組み合わせることでページの分割を簡単に実現することができます。 なお、この記事ではこれらのクラスが適用された要素自体をcontainer（コンテナ）、row（ロー）、col（カラム）と表記しています。 しかし、上記のコードでは、.rowの要素内に入っていないh1要素には左右に謎の隙間が生まれてしまっています。さらに、画面幅によっては.row内の要素についても左右に余白が生じます。（プレビュー下のボタンで画面幅を広げると余白が確認できます。） 実はこの２つの余白はそれぞれ違う原因で発生しています。そこで、原因別にこれらの余白を無くす方法をいくつか紹介します。
