diff options
| author | Mark Otto <[email protected]> | 2013-12-28 22:47:03 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-12-28 22:47:03 -0800 |
| commit | a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b (patch) | |
| tree | 40f97935b43672014afa1dc050a22c9c5ae62bb8 /examples/dashboard | |
| parent | 5bf13914e49942409c0b21aeaf2ed756c41bd498 (diff) | |
| download | bootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.tar.xz bootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.zip | |
Rearrange repository contents because muahahahahahaha
Diffstat (limited to 'examples/dashboard')
| -rw-r--r-- | examples/dashboard/dashboard.css | 93 | ||||
| -rw-r--r-- | examples/dashboard/index.html | 243 |
2 files changed, 0 insertions, 336 deletions
diff --git a/examples/dashboard/dashboard.css b/examples/dashboard/dashboard.css deleted file mode 100644 index 750124bf8..000000000 --- a/examples/dashboard/dashboard.css +++ /dev/null @@ -1,93 +0,0 @@ -/* - * Base structure - */ - -/* Move down content because we have a fixed navbar that is 50px tall */ -body { - padding-top: 50px; -} - - -/* - * Global add-ons - */ - -.sub-header { - padding-bottom: 10px; - border-bottom: 1px solid #eee; -} - - -/* - * Sidebar - */ - -/* Hide for mobile, show later */ -.sidebar { - display: none; -} -@media (min-width: 768px) { - .sidebar { - position: fixed; - top: 0; - left: 0; - bottom: 0; - z-index: 1000; - display: block; - padding: 70px 20px 20px; - background-color: #f5f5f5; - border-right: 1px solid #eee; - } -} - -/* Sidebar navigation */ -.nav-sidebar { - margin-left: -20px; - margin-right: -21px; /* 20px padding + 1px border */ - margin-bottom: 20px; -} -.nav-sidebar > li > a { - padding-left: 20px; - padding-right: 20px; -} -.nav-sidebar > .active > a { - color: #fff; - background-color: #428bca; -} - - -/* - * Main content - */ - -.main { - padding: 20px; -} -@media (min-width: 768px) { - .main { - padding-left: 40px; - pading-right: 40px; - } -} -.main .page-header { - margin-top: 0; -} - - -/* - * Placeholder dashboard ideas - */ - -.placeholders { - margin-bottom: 30px; - text-align: center; -} -.placeholders h4 { - margin-bottom: 0; -} -.placeholder { - margin-bottom: 20px; -} -.placeholder img { - border-radius: 50%; -} diff --git a/examples/dashboard/index.html b/examples/dashboard/index.html deleted file mode 100644 index 1bb3c48f8..000000000 --- a/examples/dashboard/index.html +++ /dev/null @@ -1,243 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="description" content=""> - <meta name="author" content=""> - <link rel="shortcut icon" href="../../docs-assets/ico/favicon.ico"> - - <title>Dashboard Template for Bootstrap</title> - - <!-- Bootstrap core CSS --> - <link href="../../dist/css/bootstrap.css" rel="stylesheet"> - - <!-- Custom styles for this template --> - <link href="dashboard.css" rel="stylesheet"> - - <!-- Just for debugging purposes. Don't actually copy this line! --> - <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]--> - - <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> - <!--[if lt IE 9]> - <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> - <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> - <![endif]--> - </head> - - <body> - - <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> - <div class="container-fluid"> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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="#">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> - <form class="navbar-form navbar-right"> - <input type="text" class="form-control" placeholder="Search..."> - </form> - </div> - </div> - </div> - - <div class="container-fluid"> - <div class="row"> - <div class="col-sm-3 sidebar"> - <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> - <div class="col-sm-9 col-sm-offset-3 main"> - <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 --> - <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> - <script src="../../dist/js/bootstrap.min.js"></script> - <script src="../../docs-assets/js/holder.js"></script> - </body> -</html> |
