tabs 导航 及内容切换

  <!-- 导航头 -->
  <div class="col-md-6" style="padding: 0px">
     <ul id="bus" class="nav nav-tabs">
        <li class="active">
           <a href="#query-line" data-toggle="tab"><h4>线路查询</h4></a>
        </li>
        <li>
           <a href="#query-station" data-toggle="tab"><h4>站点查询</h4></a>
        </li>
        </ul>
   </div>

<!--内容-->
<div id="busContent" class="tab-content">
 <!-- 线路查询 -->
 <div id="query-line" class="tab-pane fade in active"></div>
 <!-- 站点查询 -->
 <div id="query-station" class="tab-pane fade"></div>