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>
目录
相关文章
N..
|
9月前
|
开发框架 前端开发 JavaScript
Bootstrap模态框
Bootstrap模态框
N..
76 1
Bootstrap5 模态框3
通过添加不同的类,如 `.modal-fullscreen` 可实现模态框全屏显示,`.modal-fullscreen-*-*` 控制特定尺寸下的全屏显示,`.modal-dialog-centered` 实现模态框居中,以及 `.modal-dialog-scrollable` 使模态框内部内容可滚动。
Bootstrap5 模态框1
Bootstrap5 模态框是一种覆盖在当前页面上的对话框,用于展示信息或进行用户交互。通过按钮触发,模态框包含标题、内容和底部操作区,实现页面内交互而不跳转。示例代码展示了如何使用 Bootstrap5 创建一个基本的模态框。
Bootstrap5 模态框2
通过在模态框的 `&lt;div&gt;` 元素中添加 `.fade` 类,可以实现模态框弹出和关闭时的淡入淡出动画效果。此外,通过添加 `.modal-sm`、`.modal-lg` 和 `.modal-xl` 类,可以调整模态框的大小,分别创建小、大和超大的模态框。
|
前端开发 CDN
前端:Bootstrap 模态框
前端:Bootstrap 模态框
109 0
前端:Bootstrap 模态框
|
前端开发 JavaScript iOS开发
如何使用bootstrap实现轮播图?
如何使用bootstrap实现轮播图?
196 0
如何使用bootstrap实现轮播图?
|
移动开发 前端开发 JavaScript
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
Bootstrap 模态框Modal【前端Bootstrap框架】
|
前端开发 JavaScript UED
Bootstrap教程(16)--模态框
本文目录 1. 概述 2. 模态框样式 3. 按钮直接关联模态框 4. 通过JS方法打开/关闭模态框 5. 调整大小 6. 动画效果 7. 小结
259 0
Bootstrap教程(16)--模态框
|
开发框架 前端开发 开发者
27_Bootstrap 组件_导航条2 | 学习笔记
快速学习 27_Bootstrap 组件_导航条2
109 0
|
前端开发 容器
Bootstrap系列 -- 24. 下拉菜单基本用法
  在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“dropdown.js”的文件。
1073 0

热门文章

最新文章