การเรียกใช้ Button ใน Bootstrap

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

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

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

การเรียกใช้ Button ใน Bootstrap

Postby M008 » 31/05/2013 7:19 pm

ปุ่มใน Boostrap มีให้เลือกใช้หลายปุ่มโดยแต่ละปุ่มจะแยกสี และการใช้งาน ดังรูปต่อไปนี้
5.jpg
5.jpg (142.04 KiB) Viewed 1532 times


วิธีการกำหนดขนาดของปุ่ม
6.jpg
6.jpg (36.21 KiB) Viewed 1532 times

Code: Select all

<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>

User avatar
jiradetsa
PHP Newbie
PHP Newbie
Posts: 1
Joined: 13/10/2014 10:39 pm

Re: การเรียกใช้ Button ใน Bootstrap

Postby jiradetsa » 17/10/2014 11:21 pm

กำลังศึกษาครับ


Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 8 guests