Difference between revisions of "Buttons"

From Tweeki
Jump to: navigation, search
(Die Seite wurde neu angelegt: „{| class=wikitable ! Markup !! Result |- | <pre> <button>Simple Button</button> </pre> | <button>Simple Button</button> |- | <pre> <button size="large">Large B…“)
 
Line 1: Line 1:
 +
[[Category:Twitter Bootstrap]]
 
{| class=wikitable
 
{| class=wikitable
 
! Markup !! Result
 
! Markup !! Result

Revision as of 15:17, 25 April 2013

Markup Result
<button>Simple Button</button>

<button>Simple Button</button>

<button size="large">Large Button</button>
<button size="small">Small Button</button>
<button size="mini">Mini Button</button>
<button size="large">Large Button</button>

<button size="small">Small Button</button>

<button size="mini">Mini Button</button>
<button>
Grouped
Buttons
</button>

<button> Grouped Buttons </button>

<button>
Button

Tool
Bar
</button>

<button> Button

Tool Bar </button>

<button class="btn-primary">
Classy
Buttons
</button>

<button class="btn-primary"> Classy Buttons </button>

<button>
Classy||btn-primary
Non-classy
Very Classy||btn-success
</button>

<button> Classy||btn-primary Non-classy Very Classy||btn-success </button>

<button>
Standard Button
Internal Target|Some Page Title
External Target|http://some.where
</button>

<button> Standard Button Internal Target|Some Page Title External Target|http://some.where </button>

<button>
Dropdown-Menu
* Some Menu Item
** Submenu
*
* Some Other Menu Item
</button>

<button> Dropdown-Menu

  • Some Menu Item
    • Submenu
  • Some Other Menu Item

</button>

<button>
Split Dropdown|Target
* Some Menu Item
</button>

<button> Split Dropdown|Target

  • Some Menu Item

</button>

<button class="">
Non-Button Dropdown
* Some Menu Item
</button>

<button class=""> Non-Button Dropdown

  • Some Menu Item

</button>

<button wrapperclass="btn-group dropup">
Dropup
* Some Menu Item
</button>

<button wrapperclass="btn-group dropup"> Dropup

  • Some Menu Item

</button>

<button wrapperclass="btn-group btn-group-vertical">
Explicit
Wrapper
Setting
</button>

<button wrapperclass="btn-group btn-group-vertical"> Explicit Wrapper Setting </button>

<button wrapper="">
Explicit
Wrapper
Unsetting
</button>

<button wrapper=""> Explicit Wrapper Unsetting </button>