Q - จัดพื้นหลังให้เท่ากับเมนูด้านบน

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

Moderator: mindphp

ภาพประจำตัวสมาชิก
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 1702
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Q - จัดพื้นหลังให้เท่ากับเมนูด้านบน

โพสต์โดย Parichat » 25/05/2018 2:20 pm

อยากจะทำให้พื้นหลังมีความกว้างเท่ากับเมนู ดังรูป

vbfr.png


ตอนนี้ทำได้ดังรูป
2018-05-25_14-08-23.png
Live Simply, Laugh Often, Love Deeply.....

ภาพประจำตัวสมาชิก
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 1702
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดพื้นหลังให้เท่ากับเมนูด้านบน

โพสต์โดย Parichat » 25/05/2018 2:50 pm

ได้แล้วค่ะ
วิธีการแก้คือเอาข้อมูลลงในclass container แล้วให้ใส่ข้อมูลลงใน container นั้นโดยสามารถแบ่งเป็นย่อยๆเอาเช่น

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

<div class="container">
          <div class="row">
                    <div class ="span12">
                               test............
                    </div>
          </div>
          <div class="row">
                    <div class ="span12">
                               test..............
                    </div>
          </div>
 </div>
 

หากต้องการที่จะแบ่งย่อยใน class span12 ก็สามารถทำได้ดังนี้

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

<div class="container">
          <div class="row">
                    <div class ="span12">
                               <div class="row">
                             <div class ="span4">
                                        test..............
                             </div>
                             <div class ="span4">
                                        test..............
                             </div>
                             <div class ="span4">
                                        test..............
                             </div>
                   </div>
                    </div>
          </div>
 </div>
 
Live Simply, Laugh Often, Love Deeply.....


ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 24 และ บุคคลทั่วไป 0 ท่าน