// 1
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>

// 2
<div class="row">
  <div class="col-md-3">.col-md-3</div>
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-3">.col-md-3</div>
</div>

// 3
<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>

โดย Concept ของ Grid ก็จะมีการเขียนแบบนี้ครับ
ดังตัวอย่างจะเป็นของ Bootstrap ซึ่งจะเขียนเป็น code ได้แบบนี้ครับ

จากตัวอย่าง Code จะเป็น Grid 12 นะครับ คือแบ่งเป็น 12 ส่วน

ตัวอย่างที่ 1 เราจะแบ่งเป็น 3 column เท่าๆกัน ก็เลยแบ่งเป็น
col-md-4 3 อันก็เท่ากับ 12 พอดี (4 + 4 + 4 = 12)

ตัวอย่างที่ 2 col-md-3, col-md-6, col-md-3 เท่ากับ 12 พอดี (3 + 6 + 3 = 12)

ตัวอย่างที่ 3 col-md-8, col-md-4 เท่ากับ 12 พอดี (8 + 4 = 12)

ซึ่งรายละเอียด เช่น md หมายถึงอะไร และอื่นๆลองไปศึกษาเพิ่มเติม
หรือถ้ามีโอกาสจะเขียนบทความให้อ่านกันนะครับ (เพราะใช้ตัวนี้เป็นประจำ)