<!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 (s
584web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
125 浏览量
2023-08-03
10:39:30
上传
评论
收藏 3.85MB ZIP 举报
584web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （160个子文件） 
bootstrap.css 94KB docs.css 57KB 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 25KB 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 gal1.html 457B gal2.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 1.jpg 90KB 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共 160 条
- 1
- 2
资源评论
supeerzdj
- 粉丝: 11
- 资源: 6184
最新资源
- com.Gaggle.fun.GooseGooseDuck.apk
- FastBrowser 基于CefSharp浏览器 Chromium内核 C#、WPF界面绘制， mp3、mp4播放
- apache-tomcat-8.5.100.tar.gz
- namehfyz1234
- 14727758_202405291911557049.csv.zip
- hfyzname1234
- 基于Java ME无线网络移动端的俄罗斯方块游戏的实现(源码+使用文档)
- 第九届上海市大学生网络安全大赛暨“磐石行动”2024第二届全国高校网络安全攻防活动 MISC wifi密码
- B07-GA503-2补充.zip
- 基于Java蚁群算法路由选择可视化(源码+使用文档)
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
