การจัด Layouts ด้วย Bootstarp


Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderators: mindphp, ผู้ดูแลกระดาน

M008
PHP Hero Member
PHP Hero Member
Posts: 109
Joined: 03/05/2013 10:44 am

การจัด Layouts ด้วย Bootstarp

Post by M008 » 01/06/2013 6:29 pm

Fixed layout : ทำให้ความกว้างคงที่
การจัด Layouts ด้วย Bootstarp 1.jpg
1.jpg (13.94 KiB) Viewed 1309 times

Code: Select all

<body>
  <div class="container">
    ...
  </div>
</body>
Fluid layout : สร้าง 2 column
การจัด Layouts ด้วย Bootstarp 3.jpg
3.jpg (22.57 KiB) Viewed 1309 times

Code: Select all

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Body content-->
    </div>
  </div>
</div>

User avatar
boo_kyoshii
PHP Super Member
PHP Super Member
Posts: 343
Joined: 02/08/2013 10:08 am

Re: การจัด Layouts ด้วย Bootstarp

Post by boo_kyoshii » 21/08/2013 11:15 am

ทดลองทำตามค่ะ
การจัด Layouts ด้วย Bootstarp layer.jpg
ผลที่ได้
layer.jpg (103.63 KiB) Viewed 1091 times
testbootstrap.zip
ไฟล์ทั้งหมดที่ทำค่ะ
(87.81 KiB) Downloaded 198 times

Post Reply

Return to “Booststap Knowledge”

Users browsing this forum: No registered users and 4 guests