按钮组菜单

按钮组菜单为上两节的按钮组和按钮菜单的组合。

横向菜单

横向按钮组添加菜单的效果。

    <div class="button-group">
      <button class="button">按钮</button>
      <button class="button active">按钮</button>
      <div class="drop">
        <button class="button">按钮 <i class="icon-down"></i></button>
        <div class="dropdown">
          <div class="list-link list-box bg-white">
            <a href="javascript:;">链接列表</a>
            <a href="javascript:;" class="active">链接列表</a>
            <a href="javascript:;">链接列表</a>
          </div>
        </div>
      </div>
    </div>

纵向菜单

纵向按钮组添加菜单的效果。

    <div class="button-group button-group-y">
      <button class="button bg-main">按钮</button>
      <button class="button bg-main active">按钮</button>
      <div class="drop">
        <button class="button bg-main">按钮 <i class="icon-down"></i></button>
        <div class="dropdown">
          <div class="list-link list-box bg-white">
            <a href="javascript:;">链接列表</a>
            <a href="javascript:;" class="active">链接列表</a>
            <a href="javascript:;">链接列表</a>
          </div>
        </div>
      </div>
    </div>