zoukankan      html  css  js  c++  java
  • bootstrap按钮组下拉菜单使用

    一个btn-group里面不能同时两个按钮属性都包含data-toggle="dropdown", 否则任何一个按钮都可以点开菜单dropdown-menu

    正确的按钮组下拉菜单代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Bootstrap 按钮组下拉菜单</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-distcssootstrap.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-distjsootstrap.min.js"></script>
    </head>
    <body>


    <div class="btn-group">

    <Button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    Home
    <span class="caret"></span>
    </Button>

    <ul class="dropdown-menu" >
    <li role="presentation"><a href="#">action1 </a></li>
    <li role="presentation"><a href="#">action2 </a></li>
    <li role="presentation"><a href="#">action3 </a></li>
    </ul>


    </div>


    </body>
    </html>

  • 相关阅读:
    JS高级拖拽
    JS高级Date类
    JS高级闭包
    JS笔记整理
    JS高级解决函数内的this指向
    JS高级事件委托
    JS高级 事件对象
    JS中级面向对象
    JS中级
    JS高级
  • 原文地址:https://www.cnblogs.com/harryTree/p/11606017.html
Copyright © 2011-2022 走看看