<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Bootstrap Elements - SB Admin</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Add custom CSS here -->
<link href="css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">SB Admin</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li><a href="charts.html"><i class="fa fa-bar-chart-o"></i> Charts</a></li>
<li><a href="tables.html"><i class="fa fa-table"></i> Tables</a></li>
<li><a href="forms.html"><i class="fa fa-edit"></i> Forms</a></li>
<li><a href="typography.html"><i class="fa fa-font"></i> Typography</a></li>
<li class="active"><a href="bootstrap-elements.html"><i class="fa fa-desktop"></i> Bootstrap Elements</a></li>
<li><a href="bootstrap-grid.html"><i class="fa fa-wrench"></i> Bootstrap Grid</a></li>
<li><a href="blank-page.html"><i class="fa fa-file"></i> Blank Page</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-square-o-down"></i> Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Dropdown Item</a></li>
<li><a href="#">Another Item</a></li>
<li><a href="#">Third Item</a></li>
<li><a href="#">Last Item</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user">
<li class="dropdown messages-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">7 New Messages</li>
<li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span>
<span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span>
<span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a>
</li>
<li class="divider"></li>
<li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span>
<span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span>
<span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a>
</li>
<li class="divider"></li>
<li class="message-preview">
<a href="#">
<span class="avatar"><img src="http://placehold.it/50x50"></span>
<span class="name">John Smith:</span>
<span class="message">Hey there, I wanted to ask you something...</span>
<span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
</a>
</li>
<li class="divider"></li>
<li><a href="#">View Inbox <span class="badge">7</span></a></li>
</ul>
</li>
<li class="dropdown alerts-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Default <span class="label label-default">Default</span></a></li>
<li><a href="#">Primary <span class="label label-primary">Primary</span></a></li>
<li><a href="#">Success <span class="label label-success">Success</span></a></li>
<li><a href="#">Info <span class="label label-info">Info</span></a></li>
<li><a href="#">Warning <span class="label label-warning">Warning</span></a></li>
<li><a href="#">Danger <span class="label label-danger">Danger</span></a></li>
<li class="divider"></li>
<li><a href="#">View All</a></li>
</ul>
</li>
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
<li><a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge">7</span></a></li>
<li><a href="#"><i class="fa fa-gear"></i> Settings</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-power-off"></i> Log Out</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<h1>Bootstrap Elements <small>Built-In Bootstrap Elements</small></h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li class="active"><i class="fa fa-desktop"></i> Bootstrap Elements</li>
</ol>
<div class="alert alert-info alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
Start Bootstrap recommends that you have an in-depth understanding of the Bootstrap framework before working with this template. Visit <a class="alert-link" href="http://51qianduan.com/" target="_blank">http://51qianduan.com/</a> for complete documentation.
</div>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-12">
<h1 id="buttons" class="page-header">Buttons</h1>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-6">
<p>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
HTML5白色宽屏样式企业后台管理网站模板代码下载.zip (59个子文件)
26466
font-awesome
css
font-awesome.css 22KB
font-awesome.min.css 17KB
scss
_core.scss 271B
_spinning.scss 766B
_fixed-width.scss 120B
_icons.scss 26KB
_larger.scss 375B
_stacked.scss 482B
_variables.scss 10KB
_path.scss 695B
font-awesome.scss 405B
_bordered-pulled.scss 332B
_rotated-flipped.scss 412B
_mixins.scss 701B
_list.scss 378B
less
larger.less 370B
core.less 270B
rotated-flipped.less 367B
spinning.less 765B
stacked.less 476B
bordered-pulled.less 330B
fixed-width.less 119B
mixins.less 699B
variables.less 10KB
font-awesome.less 405B
icons.less 26KB
list.less 375B
path.less 684B
fonts
FontAwesome.otf 61KB
fontawesome-webfont.eot 37KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 198KB
fontawesome-webfont.ttf 79KB
bootstrap-elements.html 34KB
forms.html 15KB
js
bootstrap.js 59KB
morris
chart-data-morris.js 4KB
flot
excanvas.min.js 19KB
jquery.flot.pie.js 22KB
jquery.flot.resize.js 3KB
jquery.flot.js 107KB
chart-data-flot.js 28KB
jquery.flot.tooltip.min.js 4KB
tablesorter
tables.js 63B
jquery.tablesorter.js 40KB
jquery-1.10.2.js 91KB
morris-0.4.3.min.js 31KB
raphael-min.js 89KB
blank-page.html 7KB
_menu.json 487B
typography.html 13KB
css
morris-0.4.3.min.css 445B
sb-admin.css 3KB
bootstrap.css 130KB
tables.html 18KB
index.html 18KB
charts.html 16KB
_tree.json 209KB
bootstrap-grid.html 15KB
共 59 条
- 1
资源评论
小徐博客
- 粉丝: 1977
- 资源: 5883
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Refrig-RefrigerationBoxLoads.exe
- AHTTv510.pdf
- TRANE.zip
- 开利PLV IPLV计算软件ECAT-PLV120.zip
- Copeland-Refrigeration-Manuals.zip
- 汽车空调制冷系统匹配设计1.pdf
- 换热器选型GreenheckCoilSelection.zip
- SystemSyzerPsychrometric .exe
- 汽车空调制冷系统匹配研究1.pdf
- 混合动力汽车空调系统研究及优化1.pdf
- 电动汽车热泵空调系统匹配特性研究1.pdf
- 基于互信息(MI)的回归数据特征选择算法 matlab代码
- 纯电动汽车动力电池与空调联合热管理仿真研究1.pdf
- 某车型汽车空调系统匹配研究1.pdf
- 汽车空调制冷系统匹配计算及研究1.pdf
- 商用车驻车空调系统性能分与实验研究1.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功