โดย M008 » 31/05/2013 7:19 pm
ปุ่มใน Boostrap มีให้เลือกใช้หลายปุ่มโดยแต่ละปุ่มจะแยกสี และการใช้งาน ดังรูปต่อไปนี้
- 5.jpg (142.04 KiB) Viewed 2977 times
วิธีการกำหนดขนาดของปุ่ม
- 6.jpg (36.21 KiB) Viewed 2977 times
โค้ด: เลือกทั้งหมด
<p>
<button class="btn btn-large btn-primary" type="button">Large button</button>
<button class="btn btn-large" type="button">Large button</button>
</p>
<p>
<button class="btn btn-primary" type="button">Default button</button>
<button class="btn" type="button">Default button</button>
</p>
<p>
<button class="btn btn-small btn-primary" type="button">Small button</button>
<button class="btn btn-small" type="button">Small button</button>
</p>
<p>
<button class="btn btn-mini btn-primary" type="button">Mini button</button>
<button class="btn btn-mini" type="button">Mini button</button>
</p>
ปุ่มใน Boostrap มีให้เลือกใช้หลายปุ่มโดยแต่ละปุ่มจะแยกสี และการใช้งาน ดังรูปต่อไปนี้
[attachment=1]5.jpg[/attachment]
[b]วิธีการกำหนดขนาดของปุ่ม[/b]
[attachment=0]6.jpg[/attachment]
[code]<p>
<button class="btn btn-large btn-primary" type="button">Large button</button>
<button class="btn btn-large" type="button">Large button</button>
</p>
<p>
<button class="btn btn-primary" type="button">Default button</button>
<button class="btn" type="button">Default button</button>
</p>
<p>
<button class="btn btn-small btn-primary" type="button">Small button</button>
<button class="btn btn-small" type="button">Small button</button>
</p>
<p>
<button class="btn btn-mini btn-primary" type="button">Mini button</button>
<button class="btn btn-mini" type="button">Mini button</button>
</p>[/code]