การวาง layout แบ่งเป็นสองฝังต้องกำหนด css ยังไงคะ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

hayatee
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 670
ลงทะเบียนเมื่อ: 19/04/2021 10:01 am

การวาง layout แบ่งเป็นสองฝังต้องกำหนด css ยังไงคะ

โพสต์ที่ยังไม่ได้อ่าน โดย hayatee »

แบ่งเป็นสองฝังต้องกำหนด boostape css ยังไงคะ
ตัวอย่างประมาณนี้ค่ะ
HTML CSS-1.png
HTML CSS-1.png (23.17 KiB) Viewed 1537 times
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16023
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: การวาง layout แบ่งเป็นสองฝังต้องกำหนด css ยังไงคะ

โพสต์ที่ยังไม่ได้อ่าน โดย eange08 »

แบ่งฝั่งโดยใช้การแบบ Grid ตามอัตราส่วนที่เราต้องการ (โดยให้อยู่ในส่วน 12 ช่อง) เช่น ซ้าย 4 ช่อง + ขวา 8 = 12 ช่อง
โดยใช้คำสั่งแบบนี้

โค้ด: เลือกทั้งหมด

<div class = "row"> <!---เป็นการขึ้นบรรทัดใหม่-->
   <div class = "col-md-4">ช่องซ้าย</div>   <!--กำหนด column ใช้ 4 ช่อง--->
   <div class = "col-md-8">ช่องขวา</div>   <!--กำหนด column ใช้ 8 ช่อง--->
<div>
HTML CSS-1.png
HTML CSS-1.png (2.77 KiB) Viewed 1535 times
สามารถอ่านเพิ่มเติม https://www.mindphp.com/%E0%B8%9A%E0%B8 ... rap-4.html
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 32