SOURCE

<div class="container">
  <div class="input-group">
    <div class="input-group-btn">
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        请选择
        <span class="caret">
        </span>
      </button>
      <ul class="dropdown-menu">
        <li>
          <a href="#">
            宝贝
          </a>
        </li>
        <li>
          <a href="#">
            店铺
          </a>
        </li>
        <li class="active">
          <a href="#">
            天猫
          </a>
        </li>
      </ul>
    </div>
    <input type="text" class="form-control" placeholder="请输入关键字" />
    <span class="input-group-btn">
      <button type="button" class="btn btn-primary">
        搜索
      </button>
    </span>
  </div>
</div>
<div class="container">
  <div class="input-group">
    <div class="input-group-btn">
      <button class="btn btn-default">
        请选择
      </button>
      <button type="button" class="btn btn-default-toggle" data-toggle="dropdown">
        <span class="caret">
        </span>
      </button>
      <ul class="dropdown-menu">
        <li>
          <a href="#">
            宝贝
          </a>
        </li>
        <li>
          <a href="#">
            店铺
          </a>
        </li>
      </ul>
    </div>
    <input type="text" class="form-control" placeholder="请输入关键字" />
    <span class="input-group-btn">
      <bubtton class="btn btn-primary" type="button">
        搜索
        </button>
        <span>
  </div>
</div>
<div class="container">
  <div class="btn-group btn-group-lg">
    <button class="button" class="btn btn-default">
      <span class="glyphicon glyphicon-align-left">
      </span>
    </button>
    <button class="button" class="btn btn-default">
      <span class="glyphicon glyphicon-align-center">
      </span>
    </button>
    <button class="button" class="btn btn-default">
      <span class="glyphicon glyphicon-align-right">
      </span>
    </button>
  </div>
  <button class="button" class="btn btn-default">
    <span class="glyphicon glyphicon-font">
    </span>
  </button>
  <button class="button" class="btn btn-default">
    <span class="glyphicon glyphicon-bold">
    </span>
  </button>
  <button class="button" class="btn btn-default">
    <span class="glyphicon glyphicon-italic">
    </span>
  </button>
</div>
<div class="container">
  <div class="btn-group">
    <button class="btn btn-default" type="button">
      我的淘宝
    </button>
    <button class="btn btn-default" type="button">
      购物车
    </button>
    <div class="btn-group">
      <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"
      type="button">
        收藏夹
        <span class="caret">
        </span>
      </button>
      <ul class="dropdown-menu">
        <li>
          <a href="#">
            收藏的宝贝
          </a>
        </li>
        <li>
          <a href="#">
            收藏的店铺
          </a>
        </li>
      </ul>
    </div>
    <button class="btn btn-default" type="button">
      商品分类
    </button>
    <button class="btn btn-default" type="button">
      卖家中心
    </button>
  </div>
  <!-- <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown">
  下拉菜单
  <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
  </ul>
  </div>
  <div class="dropdown">
  <button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown">
  选择你喜欢的水果
  <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">苹果</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">香蕉</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">梨</a></li>
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">桃</a></li>
  </ul>
  -->

.container {
  margin-bottom: 60px;
}