zoukankan      html  css  js  c++  java
  • bootstrap 垂直菜单栏样式

    首先说下子类菜单连的toggle事件,有效率的提高了我们的UI页面效率

    在这里引入了bootstrap的CSS和JS就会直接根据样式来调用 通过

      事件调用data-toggle="collapse" class="nav-header collapsed"

    .secondmenu a {
    font-size: 10px;
    color: #4A515B;
    text-align: center;
    }

    <ul id="main-nav" class="nav nav-tabs nav-stacked" style="">

    <li>

    • <a href="#duijiang" class="nav-header collapsed" data-toggle="collapse">
    1. <i class="glyphicon glyphicon-calendar"></i>
    2. 兑奖充值提款
    • </a>
    • <ul id="duijiang" class="nav nav-list collapse secondmenu(这个自定义的)" style="height: 0px;">
    1. <li><a href="#"><i class="glyphicon glyphicon-user"></i>用户管理</a></li>
    2. <li><a href="#"><i class="glyphicon glyphicon-th-list"></i>菜单管理</a></li>
    3. <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i>角色管理</a></li>
    4. <li><a href="#"><i class="glyphicon glyphicon-edit"></i>修改密码</a></li>
    5. <li><a href="#"><i class="glyphicon glyphicon-eye-open"></i>日志查看</a></li>
    • </ul>

    </li>

    </ul>

  • 相关阅读:
    JAVA中==与equals的区别
    spring面试重点
    struts2
    每个新手程序员必看的 SQL 指南
    QueryRunner的使用
    jquery GET POST
    jquery添加元素
    jquery 滑动动画
    jdbc 安装驱动
    为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?
  • 原文地址:https://www.cnblogs.com/msb-/p/6495848.html
Copyright © 2011-2022 走看看