按钮组

普通按钮组

Default Blue Red

<div class="ui-btn-group">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Red</a>
</div>

100%宽度

　　添加以下样式：

ui-btn-group-full

Default Blue Red

<div class="ui-btn-group ui-btn-group-full">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Red</a>
</div>

按钮颜色

　　添加以下样式：

ui-btn-group-blue
ui-btn-group-red
ui-btn-group-yellow
ui-btn-group-green
ui-btn-group-info

Default Red Other

Default Yellow Other

Default Blue Other

Default Green Other

Default Info Other

<div class="ui-btn-group ui-btn-group-red">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Red</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-yellow">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Yellow</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-blue">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-green">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Green</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-info">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Info</a>
    <a class="ui-btn-group-item">Other</a>
</div>

实底

　　添加以下样式：

ui-btn-group-bg

Default Red Other

Default Yellow Other

Default Blue Other

Default Green Other

Default Info Other

<div class="ui-btn-group ui-btn-group-red ui-btn-group-bg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Red</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-yellow ui-btn-group-bg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Yellow</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-blue ui-btn-group-bg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-green ui-btn-group-bg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Green</a>
    <a class="ui-btn-group-item">Other</a>
</div>

<div class="ui-btn-group ui-btn-group-info ui-btn-group-bg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Info</a>
    <a class="ui-btn-group-item">Other</a>
</div>

尺寸

　　添加以下样式：

ui-btn-group-sm
ui-btn-group-big
ui-btn-group-lg

Default Blue Green Red Yellow

<div class="ui-btn-group ui-btn-group-sm">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Green</a>
    <a class="ui-btn-group-item">Red</a>
    <a class="ui-btn-group-item">Yellow</a>
</div>

<div class="ui-btn-group">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Green</a>
    <a class="ui-btn-group-item">Red</a>
    <a class="ui-btn-group-item">Yellow</a>
</div>

<div class="ui-btn-group ui-btn-group-big">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Green</a>
    <a class="ui-btn-group-item">Red</a>
    <a class="ui-btn-group-item">Yellow</a>
</div>

<div class="ui-btn-group ui-btn-group-lg">
    <a class="ui-btn-group-item">Default</a>
    <a class="ui-btn-group-item active">Blue</a>
    <a class="ui-btn-group-item">Green</a>
    <a class="ui-btn-group-item">Red</a>
    <a class="ui-btn-group-item">Yellow</a>
</div>