做一个导航栏(bootstrap)

<div class="b">
<div class="row">
<div class="col-xs-2"></div>
<div class="col-xs-10">
<ul class="nav nav-tabs">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
酒店概况 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">南昆山顶</a></li>
<li><a href="#">酒店简介</a></li>
<li><a href="#">风景图集</a></li>
<li><a href="#">全景游览</a></li>
<li><a href="#">奖励荣誉</a></li>
<li class="divider"></li>
<li><a href="#">酒店动态0</a></li>
</ul>
</li><li class="dropdown" style="margin-left:5px;">
<a href="#">
客房
</a>
</li><li class="dropdown" style="margin-left:5px;">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
配套设施 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">餐饮</a></li>
<li class="divider"></li>
<li><a href="#">度假配套</a></li>
</ul>
</li><li class="dropdown" style="margin-left:5px;">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
会议及宴会<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">山水会议室</a></li>
<li><a href="#">山水宴</a></li>
<li class="divider"></li>
<li><a href="#">分离的链接</a></li>
</ul>
</li><li class="dropdown" style="margin-left:5px;">
<a href="#">
度假套餐
</a>
</li><li class="dropdown" style="margin-left:5px;">
<a href="#">
会员会籍
</a>
</li><li class="dropdown" style="margin-left:5px;">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
树梢私宅 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">产品理念</a></li>
<li><a href="#">规划设计</a></li>
<li><a href="#">户型介绍</a></li>
<li class="divider"></li>
<li><a href="#">同期配套</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

posted on 2016-10-07 16:56  ysdong  阅读(531)  评论(0编辑  收藏  举报

导航