<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>VALERA - Responsiv HTML Template based on Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<!-- 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]-->
<!-- fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.html">
<link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.html">
<!--GOOGLE FONTS-->
<link href='http//fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,400italic,700italic|Doppio+One' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Bowlby+One+SC' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Days+One|Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Exo:800' rel='stylesheet' type='text/css'>
<!--/GOOGLE FONTS-->
</head>
<body>
<!--TOP-->
<div class="top_line"></div>
<div class="panel hidden-phone">
<div id="map">
</div>
</div>
<!--/TOP-->
<!--HEADER-->
<header>
<div class="container">
<div class="row hidden-phone">
<img class="flip" src="assets/img/panel.jpg" style="float: right;"/><span class="header_social">Follow us on <span class="badge"><a href="#">Twitter</a></span> and <span class="badge"><a href="#">Facebook</a></span></span>
</div>
<div class="row">
<div class="span4 logo">
<a href="index-2.html"><img src="assets/img/logo.png" alt="logo" style="margin-bottom:7px; margin-top:7px;" /></a>
</div>
<div class="span8">
<nav id="main-nav">
<ul id="menu">
<li class="current"><a href="index-2.html">Home</a>
<ul>
<li><a href="index-2.html">Default</a></li>
<li><a href="index_compact.html">Compact</a></li>
</ul>
</li>
<li class="with_icon"><a href="#"><i class="icon-exclamation-sign"></i> Features</a>
<ul>
<li><a href="scaffolding.html">Scaffolding</a></li>
<li><a href="#">Base CSS</a>
<ul>
<li><a href="typography_code.html">Typography and Code</a></li>
<li><a href="tables_forms.html">Tables and Forms</a></li>
<li><a href="buttons_icons.html">Buttons and Icons</a></li>
</ul>
</li>
<li><a href="#">Components</a>
<ul>
<li><a href="navigation.html">Navigation</a></li>
<li><a href="labels_badges.html">Labels and Badges</a></li>
<li><a href="alerts_bars.html">Alerts and Bars</a></li>
</ul>
</li>
<li><a href="#">Javascript plugins</a>
<ul>
<li><a href="java_i.html">Pack I</a></li>
<li><a href="java_ii.html">Pack II</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="blog_i.html">Blog</a>
<ul>
<li><a href="blog_i.html">Style I</a></li>
<li><a href="blog_ii.html">Style II</a></li>
<li><a href="blog_single.html">Single post</a></li>
</ul>
</li>
<li><a href="4columns_portfolio.html">Portfolio</a>
<ul>
<li><a href="2columns_portfolio.html">2 Columns</a></li>
<li><a href="3columns_portfolio.html">3 Columns</a></li>
<li><a href="4columns_portfolio.html">4 Columns</a></li>
<li><a href="single_portfolio.html">Single Project</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</nav><!-- end #main-nav -->
</div>
</div>
</div>
</header>
<!--/HEADER-->
<!--WELCOME AREA-->
<div class="gray_bg">
<div class="container">
<div class="row welcome_inner">
<div class="span12">
<h1><span class="colored">///</span> Navigation</h1>
</div>
</div>
</div>
</div>
<!--/WELCOME AREA-->
<!--MAIN CONTENT AREA-->
<div class="container inner_content">
<!-- Button Groups
================================================== -->
<section id="buttonGroups">
<div class="page-header">
<h1 class="colored" >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
前端静态模板-响应式绿白灰色大气-学生作业毕设实训素材.zip
版权申诉
144 浏览量
2022-04-07
22:14:15
上传
评论
收藏 3.8MB ZIP 举报
前端静态模板-响应式绿白灰色大气-学生作业毕设实训素材.zip （159个子文件） 
bootstrap.css 94KB docs.css 56KB prettyPhoto.css 20KB bootstrap-responsive.css 13KB prettify.css 841B
loader.gif 6KB spinner.gif 3KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B
navigation.html 53KB tables_forms.html 44KB java_ii.html 42KB java_i.html 41KB blog_single.html 34KB blog_i.html 33KB index-2.html 33KB index.html 33KB scaffolding.html 31KB buttons_icons.html 31KB index_compact.html 28KB blog_ii.html 27KB typography_code.html 26KB 4columns_portfolio.html 25KB about.html 24KB 3columns_portfolio.html 22KB alerts_bars.html 21KB 2columns_portfolio.html 20KB service.html 19KB labels_badges.html 17KB single_portfolio.html 16KB contact-us.html 15KB apple-touch-icon-114x114.html 477B button_icon_bg.html 476B apple-touch-icon-72x72.html 475B apple-touch-icon.html 469B favicon.html 460B gal2.html 457B gal1.html 457B javascript.html 453B less.html 447B
slide1-2.jpg 246KB slide1.jpg 241KB slide0.jpg 226KB slide.jpg 222KB slide1-1.jpg 216KB slide1-3.jpg 205KB 4.jpg 189KB 2.jpg 165KB 6.jpg 161KB 1.jpg 155KB 3.jpg 152KB 5.jpg 150KB slide5.jpg 81KB 13.jpg 79KB 8.jpg 72KB slide4.jpg 71KB slide2.jpg 69KB slide3.jpg 68KB 14.jpg 68KB 15.jpg 66KB 11.jpg 64KB 7.jpg 63KB 12.jpg 60KB 10.jpg 58KB 9.jpg 54KB 16.jpg 53KB avatar.jpg 6KB panel.jpg 2KB jquery.js 242KB jquery.prettyPhoto.js 35KB jquery.isotope.min.js 15KB plugin.js 15KB prettify.js 13KB custom.js 12KB jquery.flexslider-min.js 11KB jquery.gmap.min.js 9KB bootstrap-tooltip.js 7KB jquery.easing.1.3.js 7KB bootstrap-typeahead.js 7KB bootstrap-modal.js 5KB application.js 4KB bootstrap-carousel.js 4KB twitter.js 4KB bootstrap-collapse.js 4KB superfish.js 4KB bootstrap-scrollspy.js 4KB bootstrap-tab.js 3KB jquery.slabtext.min.js 3KB bootstrap-popover.js 3KB bootstrap-button.js 3KB bootstrap-dropdown.js 2KB bootstrap-alert.js 2KB bootstrap-transition.js 2KB jquery.preloader.js 2KB jquery.waitforimages.js 1KB contact.js 1KB
serv.png 214KB共 159 条
- 1
- 2
资源评论
