3カラムレイアウトを枠付きで見てみよう まずはそれぞれの要素の配置をはっきりさせるため、上記の画像3カラムレイアウトのブロック要素(divとpタグ)に枠をつけてみました。 上記部分のコードは以下です。 <div class="container"> <div class="row"> <div class="col-md-4"> <h2>3カラム見出しテキスト</h2> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> <div class="col-md-4"> <h2>3カラム見出しテキスト</h2> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> <div class="col-md-4"> <h2>3カラム見出
![Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする | 隣IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/3999817fc32a378d62f1808a3e9e075377a5eb60/height=288;version=1;width=512/https%3A%2F%2Ftonari-it.com%2Fwp-content%2Fuploads%2Fcolumnmargin.jpg)