普通按钮

<button class="btn"><span class="ui-icon-home"></span>Default</button> <button class="btn btn-blue">Blue</button> <button class="btn btn-red">Red</button> <button class="btn btn-yellow">Yellow</button> <button class="btn btn-green">Green</button> <button class="btn btn-info">Info</button>

白底按钮

<button class="btn">Default</button> <button class="btn btn-blue btn-outline-blue">Blue</button> <button class="btn btn-red btn-outline-red">Red</button> <button class="btn btn-yellow btn-outline-yellow">Yellow</button> <button class="btn btn-green btn-outline-green">Green</button> <button class="btn btn-info btn-outline-info">Info</button>

超小尺寸按钮

<button class="btn btn-lt">Default</button> <button class="btn btn-blue btn-lt">Blue</button> <button class="btn btn-red btn-lt">Red</button> <button class="btn btn-yellow btn-lt">Yellow</button> <button class="btn btn-green btn-lt">Green</button> <button class="btn btn-info btn-lt">Info</button>

小尺寸按钮

<button class="btn btn-sm">Default</button> <button class="btn btn-blue btn-sm">Blue</button> <button class="btn btn-red btn-sm">Red</button> <button class="btn btn-yellow btn-sm">Yellow</button> <button class="btn btn-green btn-sm">Green</button> <button class="btn btn-info btn-sm">Info</button>

中等尺寸按钮

<button class="btn">Default</button> <button class="btn btn-blue">Blue</button> <button class="btn btn-red">Red</button> <button class="btn btn-yellow">Yellow</button> <button class="btn btn-green">Green</button> <button class="btn btn-info">Info</button>

大尺寸按钮

<button class="btn btn-big">Default</button> <button class="btn btn-blue btn-big">Blue</button> <button class="btn btn-red btn-big">Red</button> <button class="btn btn-yellow btn-big">Yellow</button> <button class="btn btn-green btn-big">Green</button> <button class="btn btn-info btn-big">Info</button>

超大尺寸按钮

<button class="btn btn-lg">Default</button> <button class="btn btn-blue btn-lg">Blue</button> <button class="btn btn-red btn-lg">Red</button> <button class="btn btn-yellow btn-lg">Yellow</button> <button class="btn btn-green btn-lg">Green</button> <button class="btn btn-info btn-lg">Info</button>

块状按钮






<button class="btn btn-block btn-bg">Default</button><br> <button class="btn btn-blue btn-block btn-bg">Blue</button><br> <button class="btn btn-red btn-block btn-bg">Red</button><br> <button class="btn btn-yellow btn-block btn-bg">Yellow</button><br> <button class="btn btn-green btn-block btn-bg">Green</button><br> <button class="btn btn-info btn-block btn-bg">Info</button>