<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en" class="no-js" ><!--<![endif]-->
<head>
<!-- BEGIN: basic page needs -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
<title>REDDESIGN - Site Template</title>
<!-- END: basic page needs -->
<!-- BEGIN: css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<link href="css/skin-default.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/docs.css" rel="stylesheet" type="text/css" />
<!-- END: css -->
<!-- BEGIN: js -->
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/respond.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.hoverdir.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!--[if lt IE 9]><script src="../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- END: js -->
</head>
<body>
<!-- .container -->
<section class="container">
<!-- #header -->
<header id="header">
<!-- .row -->
<div class="row">
<!-- .span3.logo -->
<div class="span3 logo">
<a href="index.html" ><img src="images/logo.png" alt="Logo" /></a>
</div><!-- /.span3.logo -->
<!-- .span9 -->
<nav class="span9">
<!-- #menu -->
<ul id="menu">
<li><a href="index.html" data-description="Home Page">Home</a></li>
<li><a href="about.html" data-description="About Page">About</a>
<ul>
<li><a href="team.html">Team</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li><a href="portfolio.html" data-description="Portfolio Page">Portfolio</a>
<ul>
<li><a href="portfolio-left.html">Portfolio Left Sidebar</a></li>
<li><a href="portfolio-right.html">Portfolio Right Sidebar</a></li>
<li><a href="portfolio-single-left.html">Portfolio Single Left</a></li>
<li><a href="portfolio-single-right.html">Portfolio Single Right</a></li>
</ul>
</li>
<li><a href="blog-left.html" data-description="Blog Page">Blog</a>
<ul>
<li><a href="blog-right.html">Blog Right Sidebar</a></li>
<li><a href="blog-without.html">Blog Without Sidebar</a></li>
<li><a href="blog-single-left.html">Blog Single Left</a></li>
<li><a href="blog-single-right.html">Blog Single Right</a></li>
<li><a href="blog-single-without.html">Blog Single Without</a></li>
</ul>
</li>
<li><a href="#" class="current" data-description="Features Page">Features</a>
<ul>
<li><a href="scaffolding.html">Scaffolding</a></li>
<li><a href="base-css.html">Base CSS</a></li>
<li><a href="components.html">Components</a></li>
<li><a href="jquery-plugins .html">jQuery plugins</a></li>
</ul>
</li>
<li><a href="contact.html" data-description="Contact Page">Contact</a></li>
<li><a href="../../themeforest.net/item/reddesign-html-responsive-portfolio-template/2784878@ref=bingumd" data-description="Purchase">Purchase</a></li>
</ul><!-- /#menu -->
</nav><!-- .span9-->
</div><!-- /.row -->
</header><!-- /#header -->
<!-- #breadcrumb -->
<ul class="breadcrumb">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="#">Features</a> <span class="divider">/</span></li>
<li class="active">Components</li>
</ul><!-- /#breadcrumb -->
<!-- Button Groups
================================================== -->
<section id="buttonGroups">
<div class="page-header">
<h1>Button groups <small>Join buttons for more toolbar-like functionality</small></h1>
</div>
<div class="row">
<div class="span4">
<h3>Button groups</h3>
<p>Use button groups to join multiple buttons together as one composite component. Build them with a series of <code><a></code> or <code><button></code> elements.</p>
<h3>Best practices</h3>
<p>We recommend the following guidelines for using button groups and toolbars:</p>
<ul>
<li>Always use the same element in a single button group, <code><a></code> or <code><button></code>.</li>
<li>Don't mix buttons of different colors in the same button group.</li>
<li>Use icons in addition to or instead of text, but be sure include alt and title text where appropriate.</li>
</ul>
<p><span class="label label-info">Related</span> Button groups with dropdowns (see below) should be called out separately and always include a dropdown caret to indicate intended behavior.</p>
</div>
<div class="span4">
<h3>Default example</h3>
<p>Here's how the HTML looks for a standard button group built with anchor tag buttons:</p>
<div class="">
<div class="btn-group" style="margin: 9px 0;">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
</div>
<pre class="prettyprint linenums">
<div class="btn-group">
<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
</div>
</pre>
<h3>Toolbar example</h3>
<p>Combine sets of <code><div class="btn-group"></code> into a <code><div class="btn-toolbar"></code> for more complex components.</p>
<div class="btn
没有合适的资源?快使用搜索试试~ 我知道了~
简洁扁平化设计博客html5整站精品大图宽屏jquery幻灯bootstrap设计展示.rar
共149个文件
png:68个
jpg:34个
html:20个
需积分: 5 0 下载量 44 浏览量
2023-09-12
08:45:32
上传
评论
收藏 3.44MB RAR 举报
温馨提示
简洁宽屏扁平化设计bootstrap模板下载_简洁扁平化设计博客html5整站精品大图宽屏jquery幻灯bootstrap设计展示
资源推荐
资源详情
资源评论
收起资源包目录
简洁扁平化设计博客html5整站精品大图宽屏jquery幻灯bootstrap设计展示.rar (149个子文件)
bootstrap.css 98KB
style.css 24KB
prettyPhoto.css 19KB
docs.css 17KB
bootstrap-responsive.css 14KB
skin-default.css 9KB
responsive.css 6KB
loader.gif 2KB
default_thumbnail.gif 227B
default.htm 35KB
components.html 79KB
base-css.html 72KB
index.html 35KB
scaffolding.html 28KB
blog-single-left.html 27KB
blog-single-right.html 27KB
blog-left.html 25KB
blog-right.html 25KB
blog-single-without.html 20KB
portfolio-left.html 20KB
portfolio-right.html 20KB
team.html 19KB
blog-without.html 18KB
portfolio.html 18KB
services.html 17KB
testimonials.html 16KB
contact.html 14KB
about.html 13KB
portfolio-single-left.html 12KB
portfolio-single-right.html 12KB
p-single2.jpg 247KB
post-full1.jpg 228KB
post-full2.jpg 209KB
slider1.jpg 193KB
slider2.jpg 169KB
slider3.jpg 153KB
p-single3.jpg 152KB
post1.jpg 151KB
post2.jpg 142KB
p-single1.jpg 140KB
view.jpg 138KB
post-full3.jpg 130KB
lb1.jpg 121KB
lb2.jpg 99KB
post3.jpg 89KB
team4.jpg 85KB
portfolio-h-5.jpg 79KB
lb3.jpg 75KB
team1.jpg 73KB
portfolio-h-1.jpg 60KB
team6.jpg 60KB
portfolio-h-3.jpg 56KB
team3.jpg 53KB
portfolio-h-6.jpg 51KB
team5.jpg 47KB
portfolio-h-4.jpg 46KB
portfolio-h-7.jpg 45KB
team2.jpg 38KB
portfolio-h-8.jpg 22KB
portfolio-h-2.jpg 19KB
footer-bg.jpg 3KB
t1.jpg 3KB
t2.jpg 3KB
t3.jpg 3KB
bootstrap.js 49KB
jquery.form.js 27KB
jquery.prettyPhoto.js 25KB
jquery.validate.min.js 21KB
modernizr.js 16KB
jquery.flexslider.js 16KB
jquery.quicksand.js 14KB
prettify.js 13KB
jquery.tweet.js 13KB
jquery.elastislide.js 12KB
respond.js 9KB
jquery.easing.1.3.js 8KB
main.js 5KB
jquery.hoverdir.js 4KB
superfish.js 4KB
hoverIntent.js 3KB
jflickrfeed.min.js 2KB
glyphicons-halflings.png 14KB
glyphicons-halflings-white.png 9KB
sprite.png 3KB
features-2.png 3KB
features-3.png 3KB
features-1.png 3KB
testimonials-arrow.png 3KB
box-bg.png 3KB
logo.png 3KB
portfolio-link.png 2KB
avatar.png 2KB
portfolio-view.png 2KB
slider-next.png 2KB
slider-prev.png 2KB
services-3.png 2KB
services-1.png 2KB
services-2.png 2KB
default_thumb.png 2KB
btnPrevious.png 1KB
共 149 条
- 1
- 2
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功