Bootstrap เขียนยังไงให้ช่องว่างห่างกันน้อยลงครับ รบกวนทีชี้แนะทีคับ

[dekjaidee]

โค้ด เลือก ขยาย

<div class="container">
  <div class="row">
     <div class="col-md-9">
        COL-MD-9
    </div>

     <div class="col-md-3">
        COL-MD-3
    </div>
  </div>
</div>



เขียนตาม Code ด้านบนครับ แต่มันเป็นอย่างภาพที่แนบมา พอีวิธีไหนบ้างคับ

[mean]

ถ้าเป็น V4 ใช้ no-gutters ครับ

<div class="row no-gutters">
</div>

[mean]

ถ้า V3

โค้ด เลือก ขยาย


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}


Doc V4
https://getbootstrap.com/docs/4.1/layout/grid/#no-gutters

Ref:
https://stackoverflow.com/questions/36413660/removing-padding-gutter-from-grid-columns-in-bootstrap-4

[ฟาร์มเฮ้า]

โค้ด เลือก ขยาย

<div class="container">
 <div class="row">
    <div class="col-md-9 mr-1 pr-1">
       COL-MD-9
   </div>

    <div class="col-md-3 ml-1 pl-1">
       COL-MD-3
   </div>
 </div>
</div>

m-1,m-2,m-3 คือ margin ใส่ได้ตั้งแต่ 1-6
p-1,p-2,p-3 คือ padding ใส่ได้ตั้งแต่ 1-6

ถ้าอยากให้ชิดเฉพาะซ้ายขวาก็ใส่เป็น mr-1(margin-right) , ml-1(margin-left)

[ufatamtam]

กำลังหัดเขียน ขอบคุณมาก

[nscyber]

เยี่ยมครับ ตามหามานาน

[IInW Carrent]

ตามครับ

[yaplay]

ได้ความรู้เพิ่มครับ