https://blog.51cto.com/u_14071312
我们常把下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果。使用的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级
<div class="btn-group">
<button class="btn btn-default" type="button">首页button>
<button class="btn btn-default" type="button">产品展示button>
<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>
<li><a href="##">组织结构a>li>
<li><a href="##">客服服务a>li>
ul>
div>div><div class="container">
<div class="row">
<div class="col-lg-12">
<div class="btn-toolbar">
<div class="btn-group">
<button class="btn btn-default">
首页 button>
<button class="btn btn-default">
产品展示 button>
<button class="btn btn-default">
国际交流 button>
<button class="btn btn-default">
企业认证 button>
<div class="btn-group">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
联系我们 <span class="glyphicon glyphicon-triangle-bottom">span>
button>
<ul class="dropdown-menu">
<li><a href="##">公司简介a>li>
<li><a href="##">企业文化a>li>
<li><a href="##">组织结构a>li>
<li><a href="##">客服服务a>li>
ul>
div>
div>
div>
div>
div>
div>
