<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Components - Twitter Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">
<link href="css/tm_docs.css" rel="stylesheet">
<link href="css/prettify.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<link href="css/ie.css" rel="stylesheet">
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--Google analytics code-->
<meta name="robots" content="noindex, nofollow" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29231762-1']);
_gaq.push(['_setDomainName', 'dzyngiri.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https//ssl' : 'http//www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">
<!-- Navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" id="advanced">
<span class="trigger"><strong></strong><em></em></span>
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="scaffolding.html">Bootstrap</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="home">
<a href="../index.html"><img src="img/tm/tm_home.png" alt=""></a>
</li>
<li class="divider-vertical"></li>
<li class="">
<a href="scaffolding.html">Scaffolding</a>
</li>
<li class="">
<a href="base-css.html">Base CSS</a>
</li>
<li class="active">
<a href="components.html">Components</a>
</li>
<li class="">
<a href="javascript.html">Javascript</a>
</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">TM add-ons <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="../404.html">Pages</a>
<ul>
<li><a href="under_construction.html">Under Construction</a></li>
<li><a href="intro.html">Intro Page</a></li>
<li><a href="../404.html">404 page</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="slider.html">Slider</a></li>
<li><a href="social_media.html">Social and Media<br> Sharing</a></li>
<li><a href="css3.html">CSS3 Tricks</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Subhead -->
<header class="jumbotron subhead" id="overview">
<div class="container">
<h1>Components</h1>
<p class="lead">Dozens of reusable components built to provide navigation, alerts, popovers, and more.</p>
</div>
</header>
<div class="container">
<!-- Docs nav -->
<div class="row">
<div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="#dropdowns"><i class="icon-chevron-right"></i> Dropdowns</a></li>
<li><a href="#buttonGroups"><i class="icon-chevron-right"></i> Button groups</a></li>
<li><a href="#buttonDropdowns"><i class="icon-chevron-right"></i> Button dropdowns</a></li>
<li><a href="#navs"><i class="icon-chevron-right"></i> Navs</a></li>
<li><a href="#navbar"><i class="icon-chevron-right"></i> Navbar</a></li>
<li><a href="#breadcrumbs"><i class="icon-chevron-right"></i> Breadcrumbs</a></li>
<li><a href="#pagination"><i class="icon-chevron-right"></i> Pagination</a></li>
<li><a href="#labels-badges"><i class="icon-chevron-right"></i> Labels and badges</a></li>
<li><a href="#typography"><i class="icon-chevron-right"></i> Typography</a></li>
<li><a href="#thumbnails"><i class="icon-chevron-right"></i> Thumbnails</a></li>
<li><a href="#alerts"><i class="icon-chevron-right"></i> Alerts</a></li>
<li><a href="#progress"><i class="icon-chevron-right"></i> Progress bars</a></li>
<li><a href="#misc"><i class="icon-chevron-right"></i> Misc</a></li>
</ul>
</div>
<div class="span9">
<!-- Dropdowns -->
<section id="dropdowns">
<div class="page-header">
<h1>Dropdown menus</h1>
</div>
<h2>Example</h2>
<p>Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="./javascript.html#dropdowns">dropdown javascript plugin</a>.</p>
<div class="bs-docs-example">
<div class="dropdown clearfix">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
</div>
<pre class="prettyprint linenums">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</pre>
<h2>Markup</h2>
<p>Looking at just the dropdown menu, here's the required HTML. You need to wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then just create the menu.</p>
<pre class="prettyprint linenums">
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
</pre>
<h2>Options</h2>
<p>Align menus to the right and add inc
H50国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （312个子文件） 
bootstrap.css 119KB bootstrap.css 115KB tm_docs.css 65KB camera.css 26KB style.css 24KB docs.css 21KB bootstrap-responsive.css 21KB responsive.css 20KB docs.css 7KB kwicks-slider.css 4KB touchTouch.css 2KB ie.css 2KB search.css 858B prettify.css 815B ie.css 220B Thumbs.db 10KB
camera-loader.gif 9KB spinner1.gif 3KB loader.gif 3KB 360x268.gif 1KB border-horiz.gif 1KB blank.gif 1KB 260x180.gif 949B spinner.gif 838B 160x120.gif 539B
components.html 94KB javascript.html 86KB base-css.html 85KB portfolio.html 42KB scaffolding.html 25KB social_media.html 21KB css3.html 20KB index.html 14KB slider.html 13KB blog.html 10KB work.html 8KB process.html 7KB under_construction.html 7KB contact.html 7KB intro.html 5KB 404.html 5KB index.html 142B
shelter.jpg 350KB tree.jpg 291KB bridge.jpg 256KB road.jpg 254KB slide-3.jpg 206KB blog-3.jpg 206KB leaf.jpg 174KB blog-2.jpg 147KB slide-5.jpg 147KB blog-1.jpg 144KB slide-4.jpg 144KB slide-2.jpg 132KB slide-1.jpg 131KB bootstrap-mdo-sfmoma-01.jpg 128KB big_bunny_fake.jpg 118KB 700x430_6.jpg 109KB sea.jpg 105KB 700x430_8.jpg 105KB map.jpg 105KB 700x430_2.jpg 97KB bg-content2.jpg 89KB 700x430_5.jpg 83KB bootstrap-mdo-sfmoma-02.jpg 83KB 700x430_4.jpg 76KB 700x430_7.jpg 76KB 700x430_3.jpg 71KB 404.jpg 69KB 700x430_1.jpg 69KB service-5.jpg 59KB service-2.jpg 51KB 10.jpg 50KB 13.jpg 50KB blog-featured-01.jpg 50KB bootstrap-mdo-sfmoma-03.jpg 50KB 8.jpg 47KB service-6.jpg 45KB 12.jpg 43KB blog-featured-02.jpg 43KB 14.jpg 43KB 15.jpg 39KB 15.jpg 39KB blog-featured-04.jpg 39KB 9.jpg 39KB service-1.jpg 38KB 6.jpg 38KB 7.jpg 31KB service-3.jpg 31KB 2.jpg 27KB 11.jpg 27KB blog-featured-03.jpg 26KB 16.jpg 26KB service-4.jpg 26KB 1.jpg 25KB 5.jpg 24KB 3.jpg 23KB 4.jpg 16KB 120x120_8.jpg 11KB 120x120_2.jpg 10KB共 312 条
- 1
- 2
- 3
- 4
资源评论
dunming_6725413
- 粉丝: 20
- 资源: 6947
最新资源
- 基于SSM的“停车场管理系统”的设计与实现（源码+数据库+文档+PPT).zip
- 图像处理领域Retinex算法的新进展-基于全局与局部光照估计的图像增强
- 3DMAX镂空星花球建模插件FloralStarBall下载
- 基于(单片机 STM32)的实验室环境检测系统 程序 功能如下： (1)温湿度检测功能:采集实验室的温度和湿度参数
- 机场管理中航班时刻优化模型的研究与应用
- 西门子中央空调程序 冷水机组程序，标准化很好的程序，内部用的函数封装成标准块 采用模糊控制，根据需求及制冷量来确定开启冷水机组及冷冻泵，冷却泵的台数 夏季开启冷水机组，冬季开启锅炉制热 均衡磨损
- 基于微信小程序的校园二手交易平台（源码+数据库+说明文档+效果图）毕业设计
- Java毕业设计-基于微信小程序+SpringBoot的校园二手交易平台（源码+数据库+说明文档+效果图）
- springboot-vue-在线骑行网站的设计与实现-源码工程-29页从零开始全套图文详解-34页设计论文-21页答辩ppt-全套开发环境工具、文档模板、电子教程、视频教学资源分享
- 台达plc与C#串口通信程序，可同步读写操作，实时监控 监控地址通过xml文件配置，控件自动生成
- 高原低气压环境下的高性能生态地聚物混凝土耐久性和微观结构演化研究
- 基于微信小程序+SpringBoot的校园二手交易平台（源码+数据库+说明文档+效果图）毕业设计
- 适用于 Windows 的 USB 保护工具
- 一维线性卡尔曼滤波，MATLAB代码
- 无线信号传输的机械结构应力测试技术详解及应用场景
- 机械设计5t轨道矿车牵引车sw18可编辑全套设计资料100%好用.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
