ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free ScriptBootstrap เขียนยังไงให้ช่องว่างห่างกันน้อยลงครับ รบกวนทีชี้แนะทีคับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: Bootstrap เขียนยังไงให้ช่องว่างห่างกันน้อยลงครับ รบกวนทีชี้แนะทีคับ  (อ่าน 2110 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
dekjaidee
Newbie
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« เมื่อ: 01 กันยายน 2018, 17:31:17 »

โค๊ด:
<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 ด้านบนครับ แต่มันเป็นอย่างภาพที่แนบมา พอีวิธีไหนบ้างคับ
 wanwan017 wanwan017
บันทึกการเข้า

HOW TO??
mean
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 01 กันยายน 2018, 17:43:40 »

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

<div class="row no-gutters">
</div>
บันทึกการเข้า

mean
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 01 กันยายน 2018, 17:47:46 »

ถ้า 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/ques...om-grid-columns-in-bootstrap-4

บันทึกการเข้า

ฟาร์มเฮ้า
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 49
ออฟไลน์ ออฟไลน์

กระทู้: 1,014



ดูรายละเอียด
« ตอบ #3 เมื่อ: 01 กันยายน 2018, 19:03:17 »

โค๊ด:
<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)
« แก้ไขครั้งสุดท้าย: 01 กันยายน 2018, 19:03:44 โดย ฟาร์มเฮ้า » บันทึกการเข้า
ufatamtam
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 24



ดูรายละเอียด
« ตอบ #4 เมื่อ: 01 กันยายน 2018, 19:11:27 »

กำลังหัดเขียน ขอบคุณมาก wanwan017
บันทึกการเข้า
nscyber
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 50
ออฟไลน์ ออฟไลน์

กระทู้: 1,165



ดูรายละเอียด
« ตอบ #5 เมื่อ: 01 กันยายน 2018, 19:14:58 »

เยี่ยมครับ ตามหามานาน
บันทึกการเข้า
IInW Carrent
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 378



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 01 กันยายน 2018, 19:24:46 »

ตามครับ
บันทึกการเข้า

yaplay
ก๊วนเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 294



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 01 กันยายน 2018, 19:56:20 »

ได้ความรู้เพิ่มครับ Tongue
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์