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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingสอบถามเรื่อง Bootstrap หน่อยครับ เริ่มใช้
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามเรื่อง Bootstrap หน่อยครับ เริ่มใช้  (อ่าน 391 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« เมื่อ: 14 มกราคม 2017, 09:06:12 »

สอบถามเรื่อง  Bootstrap หน่อยครับ เพิ่งเริ่มใช้ทำเว็บครั้งที่2

 คือเว็บมันจัดด้วย grid 12 colum ใช่มั้ยครับ ผมส่งสัยว่าถ้าผมกำหนดปบบนี้  มันจะจัดคำว่า Home อยู่ 1 colum แล้วถ้าผมอยากขยับมันมาขวามือเช่นขยับมาซัก 10 px ผมควรกำหนดยังไงอะครับ ถุกทีก็จะใช้ margin ไปเลย

<div class="container-fluid">
<div class="row">
<div class="col-md-1">

       home

</div>
<div class="col-md-11">

    

</div>
</div>
</div>


« แก้ไขครั้งสุดท้าย: 14 มกราคม 2017, 09:08:30 โดย kunnarakkup » บันทึกการเข้า
MAKALA94
สมุนแก๊งเสียว
*

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

กระทู้: 550



ดูรายละเอียด
« ตอบ #1 เมื่อ: 14 มกราคม 2017, 09:27:56 »

สอบถามเรื่อง  Bootstrap หน่อยครับ เพิ่งเริ่มใช้ทำเว็บครั้งที่2

 คือเว็บมันจัดด้วย grid 12 colum ใช่มั้ยครับ ผมส่งสัยว่าถ้าผมกำหนดปบบนี้  มันจะจัดคำว่า Home อยู่ 1 colum แล้วถ้าผมอยากขยับมันมาขวามือเช่นขยับมาซัก 10 px ผมควรกำหนดยังไงอะครับ ถุกทีก็จะใช้ margin ไปเลย

<div class="container-fluid">
<div class="row">
<div class="col-md-1">

       home

</div>
<div class="col-md-11">

     

</div>
</div>
</div>




เพิ่ม padding หรือ margin

ถ้า padding เหมือนทำขอบในให้กับ div คับ
<div class="col-md-1" style="padding-left:10px;">

แต่ถ้า margin เหมือนขยับเพื่อเว้นช่องทางซ้าย ถ้าจำขยับ home ต้องใส่ที่ home คับ

<p style="margin-left:10px;">Home </p>

อันนี้คือการเขียนแบบ inline นะครับ
« แก้ไขครั้งสุดท้าย: 14 มกราคม 2017, 09:28:54 โดย MAKALA94 » บันทึกการเข้า

kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« ตอบ #2 เมื่อ: 14 มกราคม 2017, 09:49:23 »

สอบถามเรื่อง  Bootstrap หน่อยครับ เพิ่งเริ่มใช้ทำเว็บครั้งที่2

 คือเว็บมันจัดด้วย grid 12 colum ใช่มั้ยครับ ผมส่งสัยว่าถ้าผมกำหนดปบบนี้  มันจะจัดคำว่า Home อยู่ 1 colum แล้วถ้าผมอยากขยับมันมาขวามือเช่นขยับมาซัก 10 px ผมควรกำหนดยังไงอะครับ ถุกทีก็จะใช้ margin ไปเลย

<div class="container-fluid">
<div class="row">
<div class="col-md-1">

       home

</div>
<div class="col-md-11">

     

</div>
</div>
</div>




เพิ่ม padding หรือ margin

ถ้า padding เหมือนทำขอบในให้กับ div คับ
<div class="col-md-1" style="padding-left:10px;">

แต่ถ้า margin เหมือนขยับเพื่อเว้นช่องทางซ้าย ถ้าจำขยับ home ต้องใส่ที่ home คับ

<p style="margin-left:10px;">Home </p>

อันนี้คือการเขียนแบบ inline นะครับ


ถ้าขยับhom ก็ต้องใช้ div ครอบใช่มั้ยครับ แบบนี้ได้เปล่าครับ

<div class="col-md-1">

       <div style="padding-left:10px;"> home </dive>

</div>
บันทึกการเข้า
MAKALA94
สมุนแก๊งเสียว
*

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

กระทู้: 550



ดูรายละเอียด
« ตอบ #3 เมื่อ: 14 มกราคม 2017, 09:54:55 »

แท็กไหนก็ขยับได้นะครับ ลองดู
บันทึกการเข้า

kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« ตอบ #4 เมื่อ: 14 มกราคม 2017, 10:03:04 »

ข้อถามอีกนิดครับ การวาง ข้อมูลอะครับ พอผมใส่แบบนี้ผมหดหน้าจกข้อความมันมาทับกันอะครับ แล้วขยับหน้าจอไปอีกนิดมันถึงจะตก ผมกำหนดอะไรผิดเหรอครับ

       <div class="container-fluid">
       
        <div class="row">
        
        <div class="col-md-1">info@hydroperse.com</div>
        <div class="col-md-11">info@hydroperse.com</div>
        </div>
       
        </div> 
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์