<!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
没有合适的资源?快使用搜索试试~ 我知道了~
15套HTML5+CSS+JS精品网页模板 大学生期末大作业 Web前端网页制作
共1783个文件
png:765个
jpg:502个
html:155个
需积分: 5 1 下载量 169 浏览量
2024-04-30
01:05:54
上传
评论
收藏 40.75MB RAR 举报
温馨提示
15套HTML5+CSS+JS精品网页模板,主题涵盖多个行业,响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能; 适用于大学生期末大作业或公司网页制作。 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,2000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
15套HTML5+CSS+JS精品网页模板 大学生期末大作业 Web前端网页制作 (1783个子文件)
mentor.min.css 138KB
bootstrap.css 119KB
bootstrap.css 115KB
bootstrap.css 115KB
bootstrap.css 111KB
site.css 79KB
style.css 73KB
style.css 66KB
tm_docs.css 65KB
styles.css 37KB
prettyPhoto.css 26KB
camera.css 26KB
skin_blue.css 26KB
style.css 24KB
style.css 24KB
style.css 22KB
bootstrap-responsive.css 21KB
docs.css 21KB
bootstrap-responsive.css 21KB
bootstrap-responsive.css 20KB
responsive.css 20KB
style-switcher.css 20KB
prettyPhoto.css 19KB
style.css 16KB
normalize.css 15KB
style.css 12KB
jquery-ui.css 11KB
fontello-ie7.css 11KB
jquery.fancybox-1.3.4.css 9KB
style.css 8KB
style.css 8KB
slidedeck.css 8KB
fontello.css 8KB
docs.css 7KB
nivo-slider.css 5KB
kwicks-slider.css 4KB
reset.css 4KB
grid.css 4KB
carousel.css 4KB
lightbox.css 4KB
lof-style2.css 4KB
style-swticher-theme.css 4KB
lightbox.css 4KB
lightbox.css 4KB
superfish.css 3KB
front.css 3KB
coda-slider-2.0.css 3KB
grid.css 3KB
nivo-slider.css 3KB
nivo-slider.css 3KB
colorpicker.css 3KB
contact.css 3KB
tipTip.css 3KB
contact.css 3KB
nivo-slider-project.css 3KB
nivo-slider-blog.css 3KB
lof-style1.css 3KB
contact.css 3KB
menu.css 3KB
slides.css 3KB
fancy-slider.css 2KB
touchTouch.css 2KB
theme-minimalist-round.css 2KB
tabs.css 2KB
parallax.css 2KB
anythingslider.css 2KB
blue.css 2KB
green.css 2KB
light-blue.css 2KB
orange.css 2KB
purple.css 2KB
olive.css 2KB
yellow.css 2KB
grey.css 2KB
red.css 2KB
ie.css 2KB
black.css 2KB
tiptip.css 1KB
ie.css 1KB
reset.css 1KB
reset.css 1KB
toggle.css 1024B
search.css 858B
layout.css 844B
prettify.css 815B
reset.css 791B
layerslider.css 712B
quovolver.css 440B
bg-2.css 403B
bg-7.css 403B
bg-6.css 403B
bg-4.css 403B
bg-3.css 403B
bg-5.css 398B
bg-1.css 392B
ie.css 220B
ie8.css 102B
showHide.css 52B
ie6.css 20B
Thumbs.db 175KB
共 1783 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
资源评论
仙女网页设计
- 粉丝: 3351
- 资源: 162
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Picasso_v3.1 2.ipa
- chromedriver-mac-arm64.zip
- 蓝zapro.apk
- chromedriver-linux64.zip
- UCAS研一深度学习实验-MNIST手写数字识别python源码+详细注释(高分项目)
- 基于Python和PyTorch框架完成的一个手写数字识别实验源码(带MINIST手写数字数据集)+详细注释(高分项目)
- 基于Matlab在MNIST数据集上利用CNN完成手写体数字识别任务,并实现单层CNN反向传播算法+源代码+文档说明(高分项目)
- NVIDIA驱动、CUDA和Pytorch及其依赖
- 基于SVM多特征融合的微表情识别python源码+项目说明+详细注释(高分课程设计)
- html动态爱心代码一(附源码)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功