中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：Bootstrap Popover（彈出框） 下一篇：Bootstrap ScrollSpy（滾動監(jiān)聽）

Bootstrap Dropdown（下拉菜單）

描述

通過 Dropdown（下拉菜單）JavaScript 插件，您可以在 Bootstrap 中任何物體上創(chuàng)建 Dropdown 下拉菜單。在導(dǎo)航條、導(dǎo)航（標(biāo)簽和膠囊式標(biāo)簽）中提供了創(chuàng)建下拉菜單的完整支持。

使用該插件時(shí)，什么是必需的

您必須引用 jquery.js 和 bootstrap-dropdown.js 文件。這兩個(gè)文件都位于 twitter-bootstrap-v2/docs/assets/js 文件夾內(nèi)。然后您可以通過 javascript 調(diào)用下拉菜單。下面的實(shí)例演示了如何做到這點(diǎn)。

實(shí)例

實(shí)例

<div class="navbar">
????<div class="navbar-inner">
????????<div class="container">
????????????<ul class="nav">
????????????????<a class="brand" href="#">json</a>
????????????????<li class="active"><a href="#">Home</a></li>
????????????????<li><a href="#">Blog</a></li>
????????????????<li><a href="#">About</a></li>
????????????????<li><a href="#">Contact</a></li>
????????????????<li class="dropdown" id="accountmenu">
????????????????????<a class="dropdown-toggle" data-toggle="dropdown" href="#">Tutorials<b class="caret"></b></a>
????????????????????<ul class="dropdown-menu">
????????????????????????<li><a href="#">PHP</a></li>
????????????????????????<li><a href="#">MySQL</a></li>
????????????????????????<li class="divider"></li>
????????????????????????<li><a href="#">JavaScript</a></li>
????????????????????????<li><a href="#">HTML5</a></li>
????????????????????</ul>
????????????????</li>
????????????</ul>
????????</div>
????</div>
</div>
<div class="container-fluid">
????<h1>Dropdown Example下拉菜單實(shí)例</h1>
</div>
<script type="text/javascript" src="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/js/jquery.js"></script>
<script type="text/javascript" src="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript">
????$(document).ready(function () {
????????$('.dropdown-toggle').dropdown();
????});
</script>

在線查看實(shí)例

在上面的實(shí)例中，演示了如何創(chuàng)建通過 JavaScript 插件在導(dǎo)航條上創(chuàng)建下拉菜單。

您也可以在導(dǎo)航（標(biāo)簽和膠囊式標(biāo)簽）上應(yīng)用 Dropdown（下拉菜單）JavaScript 插件。下面的實(shí)例演示了如何做到這點(diǎn)。

實(shí)例

實(shí)例

<ul class="nav nav-pills">
????<li class="dropdown all-camera-dropdown">
????????<a class="dropdown-toggle" data-toggle="dropdown" href="#">
????????????Tutorials
????????????<b class="caret"></b>
????????</a>
????????<ul class="dropdown-menu">
????????????<li data-filter-camera-type="all"><a data-toggle="tab" href="#">HTML5</a></li>
????????????<li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">PHP</a></li>
????????????<li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">MySQL</a></li>
????????????<li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">JavaScript</a></li>

????????</ul>
????</li></ul>
<script type="text/javascript" src="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/js/jquery.js"></script>
<script type="text/javascript" src="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/js/bootstrap-dropdown.js"></script>

在線查看實(shí)例

點(diǎn)擊這里，下載本教程中使用到的所有 HTML、CSS、JS 和圖片文件。

其他擴(kuò)展
上一篇：Bootstrap Popover（彈出框） 下一篇：Bootstrap ScrollSpy（滾動監(jiān)聽）