zoukankan      html  css  js  c++  java
  • 做一个导航栏(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>

  • 相关阅读:
    Seafile和Nextcloud相比较哪个好用
    opencv3.1+cmake+mingw5.3+QT5编译
    算法导论第三版--动态规划与贪心算法
    Linux 网卡特性配置ethtool详解
    算法导论第三版--红黑树
    算法导论第三版--二叉搜索树
    realloc在aarch64_be-gcc的奇怪表现
    算法导论第三版--桶排序
    算法导论第三版--计数,基数排序
    算法导论第三版--插入排序和归并排序
  • 原文地址:https://www.cnblogs.com/ysdong/p/5936265.html
Copyright © 2011-2022 走看看