دکمه های پیش فرض

سبک دکمه به در هر چیزی قابل استفاده است به وسیله کلاس .btn . اگر چه شما می توانید این موارد را تنها برای گزینه های <a> و <button> استفاده نمایید.

[button target="_self" link="#"] Default icon="pencil" [/button]
[button type="primary" icon="comment" target="_self" link="#"] Primary [/button]   
[button type="info" icon="info-sign" target="_self" link="#"] Info [/button]   
[button type="success" icon="check" target="_self" link="#"] Success [/button]   
[button type="warning" icon="warning" target="_self" link="#"] warning [/button]   
[button type="danger" icon="refresh" target="_self" link="#"] Danger [/button]   
[button type="inverse" icon="trash" target="_self" link="#"] Inverse [/button]   
[button type="link" icon="twitter" target="_self" link="#"] Link [/button]

دکمه های تخت

[button type="flat" target="_self" link="#"] Default Button [/button]
[button type="flat primary" target="_self" link="#"] Primary Button [/button]
[button type="flat success" target="_self" link="#"] Success Button [/button]
[button type="flat warning"  target="_self" link="#"] Warning Button [/button]
[button type="flat inverse" target="_self" link="#"] Inverse Button [/button]
[button type="flat info" target="_self" link="#"] Info Button [/button]
[button type="flat danger" target="_self" link="#"] Danger Button [/button]

سازگاری مرورگر

IE9 نمی تواند پس زمینه را درست کند در نتیجه این مورد حذف می شود. اکثرا, IE9 در این مورد غیر فعال می باشد. گزینه button , مشکل سایه دارد و امکان برطرف نمودن آن وجود ندارد.

تغییر دهنده اندازه دکمه

آیا می خواهید اندازه دکمه ها را تغییر دهید? این موارد را size= large, small, or mini برای تغییر سایز استفاده نمایید..

[button type="primary" size="lg" target="_self" link="#"] Large button [/button]
[button size="lg" target="_self" link="#"] Large button [/button]

[button type="primary" target="_self" link="#"] Default button [/button]
[button target="_self" link="#"] Default button [/button]

[button type="primary" size="sm" target="_self" link="#"] Small button [/button]
[button size="sm" target="_self" link="#"] Large Small [/button]

[button type="primary" size="xs" target="_self" link="#"] Mini button [/button]
[button size="xs" target="_self" link="#"] Mini button [/button]

ساختن جمعه برای دکمه ها با عرض تمام با اضافه نمودن: .btn-block.

[button type="primary" size="lg" full="block"] Block level button [/button]
[button size="lg" full="block"] Block level button [/button]

سطح غیر فعال

برای غیر فعال نمودن دکمه این مورد را اضافه نمایید state=disabled .

[button type="primary" size="lg" state="disabled"] Primary button [/button]
[button size="lg" state="disabled"] Button [/button]

گزینه های سفارشی سازی / ویژگی‌ها

• نوع : حالت و سبک نمایشی قالب (primary, info, success, warning, danger, inverse, link, flat)
• آیکون : اضافه نمودن آیکون ها mini-icon (from the Icons section) here.
• سایز : سایز های موجود ( xs, sm, default, lg)
• تمام عرض : پر کردن تمام عرض
• هدف : هدف لینک (eg. target="_blank" باز کردن لینک در پنجره جدید)
• حالت : غیر فعال کردن دکمه ( true, disabled)

• قبلی
• بعدی