bootstrap dropdown演示

简介: test                           Success                                   Action...
<!DOCTYPE html>
<html lang="en">
<head>
<title>test</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-responsive.min.css" ref="stylesheet" type="text/css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="twitter-bootstrap-558bc52/js/bootstrap-dropdown.js"></script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src=" http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
   <div class="btn-group">
                <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
     
</body>
</html>
目录
相关文章
|
前端开发 JavaScript
Layui之组件的基本使用及案例演示2
Layui之组件的基本使用及案例演示2
100 0
|
前端开发 JavaScript
Layui之组件的基本使用及案例演示1
Layui之组件的基本使用及案例演示1
121 0
|
8月前
|
前端开发
bootstrap样式代码案例
bootstrap样式代码案例
19zTree - Checkbox halfCheck 演示
19zTree - Checkbox halfCheck 演示
57 0
23zTree - Radio nocheck 演示
23zTree - Radio nocheck 演示
53 0
24zTree - Radio chkDisabled 演示
24zTree - Radio chkDisabled 演示
46 0
25zTree - Radio halfCheck 演示
25zTree - Radio halfCheck 演示
41 0
|
移动开发 前端开发 JavaScript
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
|
开发框架 前端开发 编译器
19_Bootstrap组件1_字体图标|学习笔记
快速学习19_Bootstrap组件1_字体图标
108 0
19_Bootstrap组件1_字体图标|学习笔记
|
前端开发 JavaScript UED
Bootstrap教程(16)--模态框
本文目录 1. 概述 2. 模态框样式 3. 按钮直接关联模态框 4. 通过JS方法打开/关闭模态框 5. 调整大小 6. 动画效果 7. 小结
251 0
Bootstrap教程(16)--模态框