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

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

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

M008
PHP Hero Member
PHP Hero Member
โพสต์: 109
ลงทะเบียนเมื่อ: 03/05/2013 10:44 am

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

โพสต์โดย M008 » 31/05/2013 7:19 pm

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


วิธีการกำหนดขนาดของปุ่ม
6.jpg
6.jpg (36.21 KiB) เปิดดู 1486 ครั้ง

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

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

ภาพประจำตัวสมาชิก
jiradetsa
PHP Newbie
PHP Newbie
โพสต์: 1
ลงทะเบียนเมื่อ: 13/10/2014 10:39 pm

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

โพสต์โดย jiradetsa » 17/10/2014 11:21 pm

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


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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

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