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>

  • 相关阅读:
    parted 2T以上磁盘分区和挂载
    MySQL 表空间恢复
    MySQL 绿色版安装
    EF core
    让vs自动提示没有using的类
    Android Studio 的 Gradle 面板没有 Task
    JMS微服务远程调用性能测试 vs .Net Core gRPC服务
    electron打包,使用electron-packager
    EasyNetQ(RabbitMQ)在处理消息时,如果抛出异常,继续不断发送到订阅队列,不断处理(也就是不自动确认消息已到达)
    调用系统默认浏览器,打开网页
  • 原文地址:https://www.cnblogs.com/ysdong/p/5936265.html
Copyright © 2011-2022 走看看