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>

  • 相关阅读:
    9 *9 乘法表
    总结day04 ---- 列表的切片,增删改查,以及,相关方法, 元祖的使用方法
    三级菜单 -----待学习,待强化
    day04 --class --homework
    购物车项目 复杂版本.待简化
    python 学习资料 常用
    总结day3 ---- 进制转换,字符串切片,字符串常用方法.,for 循环,
    day03 --class --homework
    总结day2 ---- while循环的简单使用, 格式化输出.运算符.以及编码的应用
    Uva 10054 欧拉回路 打印路径
  • 原文地址:https://www.cnblogs.com/ysdong/p/5936265.html
Copyright © 2011-2022 走看看