kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity
twbs--bootstrap/docs/examples/dashboard/index.html

248 lines
8.6 KiB
HTML
Raw Normal View History

Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Improve <meta> tags
2014-01-19 07:27:17 -05:00
<meta name="viewport" content="width=device-width, initial-scale=1">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<meta name="description" content="">
<meta name="author" content="">
Move apple-touch-icon-precomposed.png and favicon.ico in docs root. This way, it works in all browsers.
2014-03-25 03:30:04 -04:00
<link rel="icon" href="../../favicon.ico">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<title>Dashboard Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
fix assets links in all examples
2014-01-01 09:29:13 -05:00
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<!-- Custom styles for this template -->
<link href="dashboard.css" rel="stylesheet">
add ie-emulation-modes-warning.js to docs & examples
2014-04-24 18:35:05 -04:00
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
fix assets links in all examples
2014-01-01 09:29:13 -05:00
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
add ie-emulation-modes-warning.js to docs & examples
2014-04-24 18:35:05 -04:00
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
add IE10 viewport bug workaround to examples Closes #13379.
2014-04-20 19:09:47 -04:00
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
Update html5shiv to 3.7.2.
2014-05-10 02:22:43 -04:00
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
Use the new respond.js URL.
2014-04-21 12:12:43 -04:00
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
Add collapsed default class to navbar-toggle
2014-07-02 16:49:03 -04:00
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<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="#">Project name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Help</a></li>
</ul>
fix validation failure
2013-12-08 05:14:43 -05:00
<form class="navbar-form navbar-right">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
Use mix of medium and small grid clases on dashboard example
2014-01-05 16:26:15 -05:00
<div class="col-sm-3 col-md-2 sidebar">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<ul class="nav nav-sidebar">
<li class="active"><a href="#">Overview</a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Analytics</a></li>
<li><a href="#">Export</a></li>
</ul>
<ul class="nav nav-sidebar">
<li><a href="">Nav item</a></li>
<li><a href="">Nav item again</a></li>
<li><a href="">One more nav</a></li>
<li><a href="">Another nav item</a></li>
<li><a href="">More navigation</a></li>
</ul>
<ul class="nav nav-sidebar">
<li><a href="">Nav item again</a></li>
<li><a href="">One more nav</a></li>
<li><a href="">Another nav item</a></li>
</ul>
</div>
Use mix of medium and small grid clases on dashboard example
2014-01-05 16:26:15 -05:00
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<h1 class="page-header">Dashboard</h1>
<div class="row placeholders">
<div class="col-xs-6 col-sm-3 placeholder">
<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
<h4>Label</h4>
<span class="text-muted">Something else</span>
</div>
</div>
<h2 class="sub-header">Section title</h2>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>1,001</td>
<td>Lorem</td>
<td>ipsum</td>
<td>dolor</td>
<td>sit</td>
</tr>
<tr>
<td>1,002</td>
<td>amet</td>
<td>consectetur</td>
<td>adipiscing</td>
<td>elit</td>
</tr>
<tr>
<td>1,003</td>
<td>Integer</td>
<td>nec</td>
<td>odio</td>
<td>Praesent</td>
</tr>
<tr>
<td>1,003</td>
<td>libero</td>
<td>Sed</td>
<td>cursus</td>
<td>ante</td>
</tr>
<tr>
<td>1,004</td>
<td>dapibus</td>
<td>diam</td>
<td>Sed</td>
<td>nisi</td>
</tr>
<tr>
<td>1,005</td>
<td>Nulla</td>
<td>quis</td>
<td>sem</td>
<td>at</td>
</tr>
<tr>
<td>1,006</td>
<td>nibh</td>
<td>elementum</td>
<td>imperdiet</td>
<td>Duis</td>
</tr>
<tr>
<td>1,007</td>
<td>sagittis</td>
<td>ipsum</td>
<td>Praesent</td>
<td>mauris</td>
</tr>
<tr>
<td>1,008</td>
<td>Fusce</td>
<td>nec</td>
<td>tellus</td>
<td>sed</td>
</tr>
<tr>
<td>1,009</td>
<td>augue</td>
<td>semper</td>
<td>porta</td>
<td>Mauris</td>
</tr>
<tr>
<td>1,010</td>
<td>massa</td>
<td>Vestibulum</td>
<td>lacinia</td>
<td>arcu</td>
</tr>
<tr>
<td>1,011</td>
<td>eget</td>
<td>nulla</td>
<td>Class</td>
<td>aptent</td>
</tr>
<tr>
<td>1,012</td>
<td>taciti</td>
<td>sociosqu</td>
<td>ad</td>
<td>litora</td>
</tr>
<tr>
<td>1,013</td>
<td>torquent</td>
<td>per</td>
<td>conubia</td>
<td>nostra</td>
</tr>
<tr>
<td>1,014</td>
<td>per</td>
<td>inceptos</td>
<td>himenaeos</td>
<td>Curabitur</td>
</tr>
<tr>
<td>1,015</td>
<td>sodales</td>
<td>ligula</td>
<td>in</td>
<td>libero</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
Update jQuery to v1.11.1.
2014-05-13 01:33:23 -04:00
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
<script src="../../dist/js/bootstrap.min.js"></script>
Fix holder.js links in examples Replaces links to holder.js with links to the new docs.min.js. The uncompressed holder.js file is now in docs/assets/js/vendor, which is excluded from Jekyll builds. In turn, Holder is now included in docs.min.js, which is smaller than holder.js, so this should make everybody happy. :)
2014-01-18 16:58:05 -05:00
<script src="../../assets/js/docs.min.js"></script>
Add new template, Dashboard
2013-12-07 23:51:25 -05:00
</body>
</html>
Copy permalink