タグ

ブックマーク / tonari-it.com (1)

  • Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする

    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カラム間のマージン(余白・ガター)の仕組みをマスターする
    tyru
    tyru 2016/08/20
    カラム間の左右の余白は padding (15px + 15px) が合体してできている
  • 1