Sharkk/Torq
Sharkk/Torq
1
0
Fork 0
Code Issues Pull Requests Releases Activity

test

Browse Source
This commit is contained in:
Sky Johnson 2025-04-11 16:24:13 -05:00
parent 616c57e3c5
commit 13d4d12079
6 changed files with 1782 additions and 1861 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

161
css/tests/css-tests.html
View File

@ -1,39 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CSS Tests · Twitter Bootstrap</title> <title>CSS Tests</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<link href="../../docs/assets/css/docs.css" rel="stylesheet">
<link href="../../docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
<!-- CSS just for the tests page --> <!-- CSS just for the tests page -->
<link href="css-tests.css" rel="stylesheet"> <link href="css-tests.css" rel="stylesheet">
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head> </head>
<body> <body>
<!-- Navbar ================================================== -->
<!-- Navbar
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
@ -43,8 +27,7 @@
</div> </div>
<!-- Masthead <!-- Masthead ================================================== -->
================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<div class="container"> <div class="container">
<h1>CSS Tests</h1> <h1>CSS Tests</h1>
@ -59,8 +42,7 @@
<!-- Typography <!-- Typography ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Typography</h1> <h1>Typography</h1>
@ -75,31 +57,44 @@
<h4>h4. Heading 4</h4> <h4>h4. Heading 4</h4>
<h5>h5. Heading 5</h5> <h5>h5. Heading 5</h5>
<h6>h6. Heading 6</h6> <h6>h6. Heading 6</h6>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
</div> </div>
</div> </div>
<div class="span6"> <div class="span6">
<div class="type-test"> <div class="type-test">
<h1>h1. Heading 1</h1> <h1>h1. Heading 1</h1>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
<h2>h2. Heading 2</h2> <h2>h2. Heading 2</h2>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
<h3>h3. Heading 3</h3> <h3>h3. Heading 3</h3>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
<h4>h4. Heading 4</h4> <h4>h4. Heading 4</h4>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
<h5>h5. Heading 5</h5> <h5>h5. Heading 5</h5>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
<h6>h6. Heading 6</h6> <h6>h6. Heading 6</h6>
<p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet
non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Responsive images <!-- Responsive images ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Responsive images</h1> <h1>Responsive images</h1>
@ -136,8 +131,7 @@
<!-- Fluid grid <!-- Fluid grid ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Fluid grids</h1> <h1>Fluid grids</h1>
@ -370,8 +364,7 @@
<!-- Tables <!-- Tables ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Tables</h1> <h1>Tables</h1>
@ -677,8 +670,7 @@
<!-- Forms <!-- Forms ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Forms</h1> <h1>Forms</h1>
@ -783,17 +775,20 @@
<form> <form>
<div class="controls"> <div class="controls">
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text"> <span class="add-on">@</span><input class="span2" id="prependedInput" size="16"
type="text">
</div> </div>
</div> </div>
<div class="controls"> <div class="controls">
<div class="input-append"> <div class="input-append">
<input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span> <input class="span2" id="prependedInput" size="16" type="text"><span
class="add-on">@</span>
</div> </div>
</div> </div>
<div class="controls"> <div class="controls">
<div class="input-prepend input-append"> <div class="input-prepend input-append">
<span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span> <span class="add-on">$</span><input class="span2" id="prependedInput" size="16"
type="text"><span class="add-on">.00</span>
</div> </div>
</div> </div>
</form> </form>
@ -801,7 +796,8 @@
</div> </div>
<h4>Fixed row with inputs</h4> <h4>Fixed row with inputs</h4>
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p> <p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code>
column.</p>
<div class="rowInputs"> <div class="rowInputs">
<div class="row"> <div class="row">
@ -868,7 +864,8 @@
<br> <br>
<h4>Fluid row with inputs</h4> <h4>Fluid row with inputs</h4>
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p> <p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code>
column.</p>
<div id="fluidRowInputs"> <div id="fluidRowInputs">
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">
@ -977,8 +974,7 @@
<!-- Dropdowns <!-- Dropdowns ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Dropdowns</h1> <h1>Dropdowns</h1>
@ -1035,8 +1031,7 @@
<br> <br>
<!-- Thumbnails <!-- Thumbnails ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Thumbnails</h1> <h1>Thumbnails</h1>
@ -1058,27 +1053,6 @@
</li> </li>
</ul> </ul>
<!-- NOT CURRENTLY SUPPORTED
<h4>Offset thumbnails</h4>
<ul class="thumbnails">
<li class="span3 offset3">
<a href="#" class="thumbnail">
<img data-src="holder.js/260x180" alt="">
</a>
</li>
<li class="span3">
<a href="#" class="thumbnail">
<img data-src="holder.js/260x180" alt="">
</a>
</li>
<li class="span3">
<a href="#" class="thumbnail">
<img data-src="holder.js/260x180" alt="">
</a>
</li>
</ul>
-->
<h4>Standard grid sizing</h4> <h4>Standard grid sizing</h4>
<ul class="thumbnails"> <ul class="thumbnails">
<li class="span3"> <li class="span3">
@ -1123,8 +1097,7 @@
<!-- Tabs <!-- Tabs ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Tabs</h1> <h1>Tabs</h1>
@ -1171,8 +1144,7 @@
<br> <br>
<!-- Labels <!-- Labels ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Labels</h1> <h1>Labels</h1>
@ -1181,12 +1153,16 @@
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<h4>Inline label</h4> <h4>Inline label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam <span class="label label-warning">Label name</span> eget risus varius blandit sit amet non magna. Fusce <code>.class-name</code> dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam <span
class="label label-warning">Label name</span> eget risus varius blandit sit amet non magna.
Fusce <code>.class-name</code> dapibus, tellus ac cursus commodo, tortor mauris condimentum
nibh, ut fermentum massa justo sit amet risus.</p>
</div><!--/span--> </div><!--/span-->
<div class="span4"> <div class="span4">
<form class="form-horizontal"> <form class="form-horizontal">
<label>Example label</label> <label>Example label</label>
<input type="text" placeholder="Input"> <span class="help-inline"><span class="label">Hey!</span> Read this.</span> <input type="text" placeholder="Input"> <span class="help-inline"><span
class="label">Hey!</span> Read this.</span>
</form> </form>
</div><!--/span--> </div><!--/span-->
<div class="span4"> <div class="span4">
@ -1198,8 +1174,7 @@
<br> <br>
<!-- Button groups <!-- Button groups ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Buttons</h1> <h1>Buttons</h1>
@ -1209,7 +1184,9 @@
<tbody> <tbody>
<tr> <tr>
<td> <td>
Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Donec
ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo,
tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
@ -1233,8 +1210,7 @@
<!-- Responsive utility classes <!-- Responsive utility classes ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Responsive utility classes</h1> <h1>Responsive utility classes</h1>
@ -1266,8 +1242,7 @@
<!-- Gradients <!-- Gradients ================================================== -->
================================================== -->
<div class="page-header"> <div class="page-header">
<h1>Gradients</h1> <h1>Gradients</h1>
@ -1355,14 +1330,18 @@
<!-- Footer <!-- Footer ================================================== -->
================================================== -->
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<p class="pull-right"><a href="#">Back to top</a></p> <p class="pull-right"><a href="#">Back to top</a></p>
<p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p> <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter"
<p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p> target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p> href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache
License v2.0</a>. Documentation licensed under <a
href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a
href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<ul class="footer-links"> <ul class="footer-links">
<li><a href="http://blog.getbootstrap.com">Read the blog</a></li> <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
<li><a href="https://github.com/twbs/bootstrap/issues?state=open">Submit issues</a></li> <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Submit issues</a></li>
@ -1374,8 +1353,7 @@
</div> </div>
<!-- Le javascript <!-- Le javascript ================================================== -->
================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="../../docs/assets/js/jquery.js"></script> <script src="../../docs/assets/js/jquery.js"></script>
@ -1393,7 +1371,6 @@
<script src="../../docs/assets/js/bootstrap-carousel.js"></script> <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script> <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
<script src="../../docs/assets/js/application.js"></script> <script src="../../docs/assets/js/application.js"></script>
</body> </body>
</html> </html>

33
css/tests/forms-responsive.html
View File

@ -1,37 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Bootstrap, from Twitter</title> <title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<style> <style>
body { body {
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
} }
</style> </style>
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head> </head>
<body> <body>
<form class="container"> <form class="container">
<div class="page-header"> <div class="page-header">
@ -40,7 +28,9 @@
<h3>Vertical alignment</h3> <h3>Vertical alignment</h3>
<input type="text" class="span2" placeholder="span2"> <input type="text" class="span2" placeholder="span2">
<select class="span2"><option>span2</option></select> <select class="span2">
<option>span2</option>
</select>
<span class="uneditable-input span2">span1</span> <span class="uneditable-input span2">span1</span>
<h3>Width across elements</h3> <h3>Width across elements</h3>
@ -48,7 +38,9 @@
<input type="text" class="span2" placeholder="span2"> <input type="text" class="span2" placeholder="span2">
</div> </div>
<div> <div>
<select class="span2"><option>span2</option></select> <select class="span2">
<option>span2</option>
</select>
</div> </div>
<div> <div>
<span class="uneditable-input span2">span2</span> <span class="uneditable-input span2">span2</span>
@ -61,11 +53,12 @@
<div class="row-fluid"> <div class="row-fluid">
<input type="text" class="span2" placeholder="span2"> <input type="text" class="span2" placeholder="span2">
<select class="span2"><option>span2</option></select> <select class="span2">
<option>span2</option>
</select>
<span class="uneditable-input span2">span1</span> <span class="uneditable-input span2">span1</span>
</div> </div>
</form> <!-- /container --> </form> <!-- /container -->
</body> </body>
</html> </html>

22
css/tests/forms.html
View File

@ -1,39 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Bootstrap, from Twitter</title> <title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<style> <style>
body { body {
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
} }
</style> </style>
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
</head> </head>
<body> <body>
<form class="container"> <form class="container">
<div class="page-header"> <div class="page-header">
<h1>Form controls</h1> <h1>Form controls</h1>
</div> </div>
@ -174,6 +161,5 @@
</div><!-- /row --> </div><!-- /row -->
</form> <!-- /container --> </form> <!-- /container -->
</body> </body>
</html> </html>

28
css/tests/navbar-fixed-top.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Bootstrap, from Twitter</title> <title>Bootstrap, from Twitter</title>
@ -8,30 +9,17 @@
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<style> <style>
body { body {
padding-top: 60px; padding-top: 60px;
padding-bottom: 30px; padding-bottom: 30px;
} }
</style> </style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head> </head>
<body> <body>
<!-- Fixed navbar --> <!-- Fixed navbar -->
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
@ -48,7 +36,8 @@
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b
class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Action</a></li> <li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li> <li><a href="#">Another action</a></li>
@ -75,7 +64,8 @@
<!-- Main hero unit for a primary marketing message or call to action --> <!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit"> <div class="hero-unit">
<h1>Navbar example</h1> <h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar
work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p> <p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a> <a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p> </p>
@ -83,8 +73,7 @@
</div> <!-- /container --> </div> <!-- /container -->
<!-- Le javascript <!-- Le javascript ================================================== -->
================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script> <script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script> <script src="../../docs/assets/js/bootstrap-transition.js"></script>
@ -99,6 +88,5 @@
<script src="../../docs/assets/js/bootstrap-collapse.js"></script> <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script> <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script> <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body> </body>
</html> </html>

31
css/tests/navbar-static-top.html
View File

@ -1,39 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Bootstrap, from Twitter</title> <title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<style> <style>
body { body {
padding-bottom: 30px; padding-bottom: 30px;
} }
.hero-unit { .hero-unit {
margin-top: 20px; margin-top: 20px;
} }
</style> </style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head> </head>
<body> <body>
<!-- Static navbar --> <!-- Static navbar -->
<div class="navbar navbar-static-top"> <div class="navbar navbar-static-top">
<div class="navbar-inner"> <div class="navbar-inner">
@ -50,7 +39,8 @@
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b
class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Action</a></li> <li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li> <li><a href="#">Another action</a></li>
@ -78,7 +68,8 @@
<!-- Main hero unit for a primary marketing message or call to action --> <!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit"> <div class="hero-unit">
<h1>Navbar example</h1> <h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar
work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p> <p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a> <a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p> </p>
@ -86,8 +77,7 @@
</div> <!-- /container --> </div> <!-- /container -->
<!-- Le javascript <!-- Le javascript ================================================== -->
================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script> <script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script> <script src="../../docs/assets/js/bootstrap-transition.js"></script>
@ -102,6 +92,5 @@
<script src="../../docs/assets/js/bootstrap-collapse.js"></script> <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script> <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script> <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body> </body>
</html> </html>

32
css/tests/navbar.html
View File

@ -1,42 +1,30 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Bootstrap, from Twitter</title> <title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!-- Le styles --> <!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet"> <link href="../bootstrap.css" rel="stylesheet">
<style> <style>
body { body {
padding-top: 0; padding-top: 0;
padding-bottom: 30px; padding-bottom: 30px;
} }
.navbar { .navbar {
margin-top: 20px; margin-top: 20px;
} }
</style> </style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="../bootstrap-responsive.css" rel="stylesheet">
<!-- Le 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]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<!-- Static navbar --> <!-- Static navbar -->
<div class="navbar"> <div class="navbar">
<div class="navbar-inner"> <div class="navbar-inner">
@ -53,7 +41,8 @@
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b
class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Action</a></li> <li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li> <li><a href="#">Another action</a></li>
@ -78,7 +67,8 @@
<!-- Main hero unit for a primary marketing message or call to action --> <!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit"> <div class="hero-unit">
<h1>Navbar example</h1> <h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar
work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p> <p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a> <a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p> </p>
@ -86,8 +76,7 @@
</div> <!-- /container --> </div> <!-- /container -->
<!-- Le javascript <!-- Le javascript ================================================== -->
================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script> <script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script> <script src="../../docs/assets/js/bootstrap-transition.js"></script>
@ -102,6 +91,5 @@
<script src="../../docs/assets/js/bootstrap-collapse.js"></script> <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script> <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script> <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body> </body>
</html> </html>