diff options
Diffstat (limited to 'bower_components/bootstrap/examples')
36 files changed, 833 insertions, 142 deletions
diff --git a/bower_components/bootstrap/examples/carousel/carousel.css b/bower_components/bootstrap/examples/carousel/carousel.css index 452fdfee..164f306e 100755 --- a/bower_components/bootstrap/examples/carousel/carousel.css +++ b/bower_components/bootstrap/examples/carousel/carousel.css @@ -19,7 +19,6 @@ body { } - /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ @@ -38,6 +37,7 @@ body { /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; + background-color: #777; } .carousel-inner > .item > img { position: absolute; @@ -93,7 +93,7 @@ body { @media (min-width: 768px) { - /* Remve the edge padding needed for mobile */ + /* Remove the edge padding needed for mobile */ .marketing { padding-left: 0; padding-right: 0; diff --git a/bower_components/bootstrap/examples/carousel/index.html b/bower_components/bootstrap/examples/carousel/index.html index 37dd691a..d962c1e6 100755 --- a/bower_components/bootstrap/examples/carousel/index.html +++ b/bower_components/bootstrap/examples/carousel/index.html @@ -11,7 +11,12 @@ <!-- Bootstrap core CSS --> <link href="../../dist/css/bootstrap.css" rel="stylesheet"> - <link href="../../dist/css/bootstrap-glyphicons.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> <!-- Custom styles for this template --> <link href="carousel.css" rel="stylesheet"> @@ -186,7 +191,6 @@ </div><!-- /.container --> - <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> diff --git a/bower_components/bootstrap/examples/grid/index.html b/bower_components/bootstrap/examples/grid/index.html index 3db13f58..239b0d16 100755 --- a/bower_components/bootstrap/examples/grid/index.html +++ b/bower_components/bootstrap/examples/grid/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="grid.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -105,5 +111,9 @@ </div> <!-- /container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> </body> </html> diff --git a/bower_components/bootstrap/examples/jumbotron-narrow/index.html b/bower_components/bootstrap/examples/jumbotron-narrow/index.html index 9c3c1b6c..2fb23138 100755 --- a/bower_components/bootstrap/examples/jumbotron-narrow/index.html +++ b/bower_components/bootstrap/examples/jumbotron-narrow/index.html @@ -14,11 +14,17 @@ <!-- Custom styles for this template --> <link href="jumbotron-narrow.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> - <div class="container-narrow"> + <div class="container"> <div class="header"> <ul class="nav nav-pills pull-right"> <li class="active"><a href="#">Home</a></li> @@ -31,7 +37,7 @@ <div class="jumbotron"> <h1>Jumbotron heading</h1> <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> - <p><a class="btn btn-large btn-success" href="#">Sign up today</a></p> + <p><a class="btn btn-lg btn-success" href="#">Sign up today</a></p> </div> <div class="row marketing"> @@ -64,5 +70,9 @@ </div> <!-- /container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> </body> </html> diff --git a/bower_components/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css b/bower_components/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css index 36a1d7ca..ae7a83f3 100755 --- a/bower_components/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css +++ b/bower_components/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css @@ -4,7 +4,7 @@ body { padding-bottom: 20px; } -/* Everything but the jumbotron gets side spacing for mobile-first views */ +/* Everything but the jumbotron gets side spacing for mobile first views */ .header, .marketing, .footer { @@ -31,10 +31,11 @@ body { border-top: 1px solid #e5e5e5; } -/* Custom container */ -.container-narrow { - margin: 0 auto; - max-width: 700px; +/* Customize container */ +@media (min-width: 768px) { + .container { + max-width: 730px; + } } .container-narrow > hr { margin: 30px 0; diff --git a/bower_components/bootstrap/examples/jumbotron/index.html b/bower_components/bootstrap/examples/jumbotron/index.html index fd874a80..86255fca 100755 --- a/bower_components/bootstrap/examples/jumbotron/index.html +++ b/bower_components/bootstrap/examples/jumbotron/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="jumbotron.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -53,52 +59,53 @@ <div class="form-group"> <input type="password" placeholder="Password" class="form-control"> </div> - <button type="submit" class="btn">Sign in</button> + <button type="submit" class="btn btn-success">Sign in</button> </form> </div><!--/.navbar-collapse --> </div> </div> - <div class="container"> - - <!-- Main jumbotron for a primary marketing message or call to action --> - <div class="jumbotron"> + <!-- Main jumbotron for a primary marketing message or call to action --> + <div class="jumbotron"> + <div class="container"> <h1>Hello, world!</h1> <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> - <p><a class="btn btn-primary btn-large">Learn more »</a></p> + <p><a class="btn btn-primary btn-lg">Learn more »</a></p> </div> + </div> - <div class="body-content"> - - <!-- Example row of columns --> - <div class="row"> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> - <p><a class="btn btn-default" href="#">View details »</a></p> - </div> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> - <p><a class="btn btn-default" href="#">View details »</a></p> - </div> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> - <p><a class="btn btn-default" href="#">View details »</a></p> - </div> + <div class="container"> + <!-- Example row of columns --> + <div class="row"> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-default" href="#">View details »</a></p> + </div> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-default" href="#">View details »</a></p> + </div> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> + <p><a class="btn btn-default" href="#">View details »</a></p> </div> - - <hr> - - <footer> - <p>© Company 2013</p> - </footer> </div> + <hr> + + <footer> + <p>© Company 2013</p> + </footer> </div> <!-- /container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> <script src="../../assets/js/jquery.js"></script> <script src="../../dist/js/bootstrap.min.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/jumbotron/jumbotron.css b/bower_components/bootstrap/examples/jumbotron/jumbotron.css index 594e2c79..179d4087 100755 --- a/bower_components/bootstrap/examples/jumbotron/jumbotron.css +++ b/bower_components/bootstrap/examples/jumbotron/jumbotron.css @@ -3,22 +3,3 @@ body { padding-top: 50px; padding-bottom: 20px; } - -/* Wrapping element */ -/* Set some basic padding to keep content from hitting the edges */ -.body-content { - padding-left: 15px; - padding-right: 15px; -} - -/* Responsive: Portrait tablets and up */ -@media screen and (min-width: 768px) { - /* Let the jumbotron breathe */ - .jumbotron { - margin-top: 20px; - } - /* Remove padding from wrapping element since we kick in the grid classes here */ - .body-content { - padding: 0; - } -}
\ No newline at end of file diff --git a/bower_components/bootstrap/examples/justified-nav/index.html b/bower_components/bootstrap/examples/justified-nav/index.html index f01005f3..8ab83cc1 100755 --- a/bower_components/bootstrap/examples/justified-nav/index.html +++ b/bower_components/bootstrap/examples/justified-nav/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="justified-nav.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -36,32 +42,27 @@ <div class="jumbotron"> <h1>Marketing stuff!</h1> <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.</p> - <p><a class="btn btn-large btn-success" href="#">Get started today</a></p> + <p><a class="btn btn-lg btn-success" href="#">Get started today</a></p> </div> - - <div class="body-content"> - - <!-- Example row of columns --> - <div class="row"> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> - <p><a class="btn btn-primary" href="#">View details »</a></p> - </div> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> - <p><a class="btn btn-primary" href="#">View details »</a></p> - </div> - <div class="col-lg-4"> - <h2>Heading</h2> - <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p> - <p><a class="btn btn-primary" href="#">View details »</a></p> - </div> + <!-- Example row of columns --> + <div class="row"> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-primary" href="#">View details »</a></p> </div> - - </div><!-- /.body-content --> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-primary" href="#">View details »</a></p> + </div> + <div class="col-lg-4"> + <h2>Heading</h2> + <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p> + <p><a class="btn btn-primary" href="#">View details »</a></p> + </div> + </div> <!-- Site footer --> <div class="footer"> @@ -70,5 +71,9 @@ </div> <!-- /container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/justified-nav/justified-nav.css b/bower_components/bootstrap/examples/justified-nav/justified-nav.css index be983ba6..7837acf4 100755 --- a/bower_components/bootstrap/examples/justified-nav/justified-nav.css +++ b/bower_components/bootstrap/examples/justified-nav/justified-nav.css @@ -2,13 +2,6 @@ body { padding-top: 20px; } -/* Everything but the jumbotron gets side spacing for mobile-first views */ -.masthead, -.footer { - padding-left: 15px; - padding-right: 15px; -} - .footer { border-top: 1px solid #eee; margin-top: 40px; @@ -83,8 +76,6 @@ body { } } - - /* Responsive: Portrait tablets and up */ @media screen and (min-width: 768px) { /* Remove the padding we set earlier */ diff --git a/bower_components/bootstrap/examples/navbar-fixed-top/index.html b/bower_components/bootstrap/examples/navbar-fixed-top/index.html index 94089799..90f984e9 100755 --- a/bower_components/bootstrap/examples/navbar-fixed-top/index.html +++ b/bower_components/bootstrap/examples/navbar-fixed-top/index.html @@ -14,12 +14,18 @@ <!-- Custom styles for this template --> <link href="navbar-fixed-top.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> <!-- Fixed navbar --> - <div class="navbar navbar-fixed-top"> + <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> @@ -64,12 +70,13 @@ <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> <p>To see the difference between static and fixed top navbars, just scroll.</p> <p> - <a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/#navbar">View navbar docs »</a> </p> </div> </div> <!-- /container --> + <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> diff --git a/bower_components/bootstrap/examples/navbar-static-top/index.html b/bower_components/bootstrap/examples/navbar-static-top/index.html index 10da9d49..98ec31d6 100755 --- a/bower_components/bootstrap/examples/navbar-static-top/index.html +++ b/bower_components/bootstrap/examples/navbar-static-top/index.html @@ -14,12 +14,18 @@ <!-- Custom styles for this template --> <link href="navbar-static-top.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> <!-- Static navbar --> - <div class="navbar navbar-static-top"> + <div class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> @@ -65,12 +71,13 @@ <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p> <p>To see the difference between static and fixed top navbars, just scroll.</p> <p> - <a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/#navbar">View navbar docs »</a> </p> </div> </div> <!-- /container --> + <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> diff --git a/bower_components/bootstrap/examples/navbar/index.html b/bower_components/bootstrap/examples/navbar/index.html index ab626126..97e4c0c8 100755 --- a/bower_components/bootstrap/examples/navbar/index.html +++ b/bower_components/bootstrap/examples/navbar/index.html @@ -5,6 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> + <link rel="shortcut icon" href="../../assets/ico/favicon.png"> <title>Navbar Template for Bootstrap</title> @@ -13,6 +14,12 @@ <!-- Custom styles for this template --> <link href="navbar.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -20,41 +27,39 @@ <div class="container"> <!-- Static navbar --> - <div class="navbar"> - <div class="container"> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> - <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"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#about">About</a></li> - <li><a href="#contact">Contact</a></li> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li class="dropdown-header">Nav header</li> - <li><a href="#">Separated link</a></li> - <li><a href="#">One more separated link</a></li> - </ul> - </li> - </ul> - <ul class="nav navbar-nav navbar-right"> - <li class="active"><a href="./">Default</a></li> - <li><a href="../navbar-static-top/">Static top</a></li> - <li><a href="../navbar-fixed-top/">Fixed top</a></li> - </ul> - </div><!--/.nav-collapse --> + <div class="navbar navbar-default"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <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"> + <li class="active"><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li class="active"><a href="./">Default</a></li> + <li><a href="../navbar-static-top/">Static top</a></li> + <li><a href="../navbar-fixed-top/">Fixed top</a></li> + </ul> + </div><!--/.nav-collapse --> </div> <!-- Main component for a primary marketing message or call to action --> @@ -62,12 +67,13 @@ <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> - <a class="btn btn-large btn-primary" href="../../components/#navbar">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/#navbar">View navbar docs »</a> </p> </div> </div> <!-- /container --> + <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> diff --git a/bower_components/bootstrap/examples/non-responsive/index.html b/bower_components/bootstrap/examples/non-responsive/index.html new file mode 100755 index 00000000..a5fd883b --- /dev/null +++ b/bower_components/bootstrap/examples/non-responsive/index.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="description" content=""> + <meta name="author" content=""> + + <!-- Note there is no responsive meta tag here --> + + <link rel="shortcut icon" href="../../assets/ico/favicon.png"> + + <title>Non-responsive Template for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="../../dist/css/bootstrap.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="non-responsive.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> + </head> + + <body> + + <!-- Fixed navbar --> + <div class="navbar navbar-default navbar-fixed-top"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <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"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> + + <div class="container"> + + <div class="page-header"> + <h1>Non-responsive Bootstrap</h1> + <p class="lead">Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier.</p> + </div> + + <h3>What changes</h3> + <p>Note the lack of the <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>, which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are basically good to go.</p> + + <h3>Regarding navbars</h3> + <p>As a heads up, the navbar component is rather tricky here in that the styles for displaying it are rather specific and detailed. Overrides to ensure desktop styles display are not as performant or sleek as one would like. Just be aware there may be potential gotchas as you build on top of this example when using the navbar.</p> + + <h3>Non-responsive grid system</h3> + <div class="row"> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + </div> + + </div> <!-- /container --> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <script src="../../assets/js/jquery.js"></script> + <script src="../../dist/js/bootstrap.min.js"></script> + </body> +</html> diff --git a/bower_components/bootstrap/examples/non-responsive/non-responsive.css b/bower_components/bootstrap/examples/non-responsive/non-responsive.css new file mode 100755 index 00000000..4928128e --- /dev/null +++ b/bower_components/bootstrap/examples/non-responsive/non-responsive.css @@ -0,0 +1,117 @@ + +/* Template-specific stuff + * + * Customizations just for the template—these are not necessary for anything + * with disabling the responsiveness. + */ + +/* Account for fixed navbar */ +body { + padding-top: 70px; + padding-bottom: 30px; +} + +/* Finesse the page header spacing */ +.page-header { + margin-bottom: 30px; +} +.page-header .lead { + margin-bottom: 10px; +} + + +/* Non-responsive overrides + * + * Utilitze the following CSS to disable the responsive-ness of the container, + * grid system, and navbar. + */ + +/* Reset the container */ +.container { + max-width: none !important; + width: 970px; +} + +/* Demonstrate the grids */ +.col-xs-4 { + padding-top: 15px; + padding-bottom: 15px; + background-color: #eee; + border: 1px solid #ddd; + background-color: rgba(86,61,124,.15); + border: 1px solid rgba(86,61,124,.2); +} + +.container .navbar-header, +.container .navbar-collapse { + margin-right: 0; + margin-left: 0; +} + +/* Always float the navbar header */ +.navbar-header { + float: left; +} + +/* Undo the collapsing navbar */ +.navbar-collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; +} + +.navbar-toggle { + display: none; +} + +.navbar-brand { + margin-left: -15px; +} + +/* Always apply the floated nav */ +.navbar-nav { + float: left; + margin: 0; +} +.navbar-nav > li { + float: left; +} +.navbar-nav > li > a { + padding: 15px; +} + +/* Redeclare since we override the float above */ +.navbar-nav.navbar-right { + float: right; +} + +/* Undo custom dropdowns */ +.navbar .open .dropdown-menu { + position: absolute; + float: left; + background-color: #fff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-width: 0 1px 1px; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.navbar .open .dropdown-menu > li > a { + color: #333; +} +.navbar .open .dropdown-menu > li > a:hover, +.navbar .open .dropdown-menu > li > a:focus, +.navbar .open .dropdown-menu > .active > a, +.navbar .open .dropdown-menu > .active > a:hover, +.navbar .open .dropdown-menu > .active > a:focus { + color: #fff !important; + background-color: #428bca !important; +} +.navbar .open .dropdown-menu > .disabled > a, +.navbar .open .dropdown-menu > .disabled > a:hover, +.navbar .open .dropdown-menu > .disabled > a:focus { + color: #999 !important; + background-color: transparent !important; +} diff --git a/bower_components/bootstrap/examples/offcanvas/index.html b/bower_components/bootstrap/examples/offcanvas/index.html index 5d6b7b81..a53741b9 100755 --- a/bower_components/bootstrap/examples/offcanvas/index.html +++ b/bower_components/bootstrap/examples/offcanvas/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="offcanvas.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -109,9 +115,13 @@ </div><!--/.container--> - <!-- jQuery and plugin --> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> <script src="../../assets/js/jquery.js"></script> <script src="../../dist/js/bootstrap.min.js"></script> <script src="offcanvas.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/screenshots/carousel.jpg b/bower_components/bootstrap/examples/screenshots/carousel.jpg Binary files differindex 8c545c10..a63a1ba9 100755 --- a/bower_components/bootstrap/examples/screenshots/carousel.jpg +++ b/bower_components/bootstrap/examples/screenshots/carousel.jpg diff --git a/bower_components/bootstrap/examples/screenshots/grid.jpg b/bower_components/bootstrap/examples/screenshots/grid.jpg Binary files differindex 5aafbf47..2407cf29 100755 --- a/bower_components/bootstrap/examples/screenshots/grid.jpg +++ b/bower_components/bootstrap/examples/screenshots/grid.jpg diff --git a/bower_components/bootstrap/examples/screenshots/jumbotron-narrow.jpg b/bower_components/bootstrap/examples/screenshots/jumbotron-narrow.jpg Binary files differindex e9338b77..915d10f4 100755 --- a/bower_components/bootstrap/examples/screenshots/jumbotron-narrow.jpg +++ b/bower_components/bootstrap/examples/screenshots/jumbotron-narrow.jpg diff --git a/bower_components/bootstrap/examples/screenshots/jumbotron.jpg b/bower_components/bootstrap/examples/screenshots/jumbotron.jpg Binary files differindex bb996135..46bce0c5 100755 --- a/bower_components/bootstrap/examples/screenshots/jumbotron.jpg +++ b/bower_components/bootstrap/examples/screenshots/jumbotron.jpg diff --git a/bower_components/bootstrap/examples/screenshots/justified-nav.jpg b/bower_components/bootstrap/examples/screenshots/justified-nav.jpg Binary files differindex 01689c3c..5f57923e 100755 --- a/bower_components/bootstrap/examples/screenshots/justified-nav.jpg +++ b/bower_components/bootstrap/examples/screenshots/justified-nav.jpg diff --git a/bower_components/bootstrap/examples/screenshots/navbar-fixed.jpg b/bower_components/bootstrap/examples/screenshots/navbar-fixed.jpg Binary files differindex cac325f4..16a03b0b 100755 --- a/bower_components/bootstrap/examples/screenshots/navbar-fixed.jpg +++ b/bower_components/bootstrap/examples/screenshots/navbar-fixed.jpg diff --git a/bower_components/bootstrap/examples/screenshots/navbar-static.jpg b/bower_components/bootstrap/examples/screenshots/navbar-static.jpg Binary files differindex 460624b6..8fe3529f 100755 --- a/bower_components/bootstrap/examples/screenshots/navbar-static.jpg +++ b/bower_components/bootstrap/examples/screenshots/navbar-static.jpg diff --git a/bower_components/bootstrap/examples/screenshots/navbar.jpg b/bower_components/bootstrap/examples/screenshots/navbar.jpg Binary files differindex 3bd2fe68..3120c507 100755 --- a/bower_components/bootstrap/examples/screenshots/navbar.jpg +++ b/bower_components/bootstrap/examples/screenshots/navbar.jpg diff --git a/bower_components/bootstrap/examples/screenshots/non-responsive.jpg b/bower_components/bootstrap/examples/screenshots/non-responsive.jpg Binary files differnew file mode 100755 index 00000000..0b8953ce --- /dev/null +++ b/bower_components/bootstrap/examples/screenshots/non-responsive.jpg diff --git a/bower_components/bootstrap/examples/screenshots/offcanvas.jpg b/bower_components/bootstrap/examples/screenshots/offcanvas.jpg Binary files differindex e1985074..76b7d670 100755 --- a/bower_components/bootstrap/examples/screenshots/offcanvas.jpg +++ b/bower_components/bootstrap/examples/screenshots/offcanvas.jpg diff --git a/bower_components/bootstrap/examples/screenshots/sign-in.jpg b/bower_components/bootstrap/examples/screenshots/sign-in.jpg Binary files differindex 6d5504e6..4191c33b 100755 --- a/bower_components/bootstrap/examples/screenshots/sign-in.jpg +++ b/bower_components/bootstrap/examples/screenshots/sign-in.jpg diff --git a/bower_components/bootstrap/examples/screenshots/starter-template.jpg b/bower_components/bootstrap/examples/screenshots/starter-template.jpg Binary files differindex 5285a655..2545aa32 100755 --- a/bower_components/bootstrap/examples/screenshots/starter-template.jpg +++ b/bower_components/bootstrap/examples/screenshots/starter-template.jpg diff --git a/bower_components/bootstrap/examples/screenshots/sticky-footer-navbar.jpg b/bower_components/bootstrap/examples/screenshots/sticky-footer-navbar.jpg Binary files differindex f9d88cdf..6226bf4a 100755 --- a/bower_components/bootstrap/examples/screenshots/sticky-footer-navbar.jpg +++ b/bower_components/bootstrap/examples/screenshots/sticky-footer-navbar.jpg diff --git a/bower_components/bootstrap/examples/screenshots/sticky-footer.jpg b/bower_components/bootstrap/examples/screenshots/sticky-footer.jpg Binary files differindex 6bab18d9..644f6dd2 100755 --- a/bower_components/bootstrap/examples/screenshots/sticky-footer.jpg +++ b/bower_components/bootstrap/examples/screenshots/sticky-footer.jpg diff --git a/bower_components/bootstrap/examples/screenshots/theme.jpg b/bower_components/bootstrap/examples/screenshots/theme.jpg Binary files differnew file mode 100755 index 00000000..ef47acb9 --- /dev/null +++ b/bower_components/bootstrap/examples/screenshots/theme.jpg diff --git a/bower_components/bootstrap/examples/signin/index.html b/bower_components/bootstrap/examples/signin/index.html index 544e8fec..5c0a4543 100755 --- a/bower_components/bootstrap/examples/signin/index.html +++ b/bower_components/bootstrap/examples/signin/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="signin.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -27,10 +33,14 @@ <label class="checkbox"> <input type="checkbox" value="remember-me"> Remember me </label> - <button class="btn btn-large btn-primary btn-block" type="submit">Sign in</button> + <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> </form> </div> <!-- /container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/starter-template/index.html b/bower_components/bootstrap/examples/starter-template/index.html index d48a9dff..fc22db66 100755 --- a/bower_components/bootstrap/examples/starter-template/index.html +++ b/bower_components/bootstrap/examples/starter-template/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="starter-template.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -47,7 +53,11 @@ </div><!-- /.container --> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> <script src="../../assets/js/jquery.js"></script> <script src="../../dist/js/bootstrap.min.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/sticky-footer-navbar/index.html b/bower_components/bootstrap/examples/sticky-footer-navbar/index.html index 3fab506b..551212a8 100755 --- a/bower_components/bootstrap/examples/sticky-footer-navbar/index.html +++ b/bower_components/bootstrap/examples/sticky-footer-navbar/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="sticky-footer-navbar.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -22,7 +28,7 @@ <div id="wrap"> <!-- Fixed navbar --> - <div class="navbar navbar-fixed-top"> + <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> @@ -70,9 +76,11 @@ </div> </div> + <!-- Bootstrap core JavaScript ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> <script src="../../assets/js/jquery.js"></script> <script src="../../dist/js/bootstrap.min.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/sticky-footer/index.html b/bower_components/bootstrap/examples/sticky-footer/index.html index 6a5a2062..aaafbc20 100755 --- a/bower_components/bootstrap/examples/sticky-footer/index.html +++ b/bower_components/bootstrap/examples/sticky-footer/index.html @@ -14,6 +14,12 @@ <!-- Custom styles for this template --> <link href="sticky-footer.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> </head> <body> @@ -37,5 +43,9 @@ </div> </div> + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> </body> -</html>
\ No newline at end of file +</html> diff --git a/bower_components/bootstrap/examples/theme/index.html b/bower_components/bootstrap/examples/theme/index.html new file mode 100755 index 00000000..2f726d82 --- /dev/null +++ b/bower_components/bootstrap/examples/theme/index.html @@ -0,0 +1,387 @@ +<!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=""> + <link rel="shortcut icon" href="../../assets/ico/favicon.png"> + + <title>Theme Template for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="../../dist/css/bootstrap.css" rel="stylesheet"> + <!-- Bootstrap theme --> + <link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="theme.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="../../assets/js/html5shiv.js"></script> + <script src="../../assets/js/respond.min.js"></script> + <![endif]--> + </head> + + <body> + + <!-- Fixed navbar --> + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Bootstrap theme</a> + </div> + <div class="navbar-collapse collapse"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> + + <div class="container theme-showcase"> + + <!-- Main jumbotron for a primary marketing message or call to action --> + <div class="jumbotron"> + <h1>Hello, world!</h1> + <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> + <p><a class="btn btn-primary btn-lg">Learn more »</a></p> + </div> + + + + <div class="page-header"> + <h1>Buttons</h1> + </div> + <p> + <button type="button" class="btn btn-lg btn-default">Default</button> + <button type="button" class="btn btn-lg btn-primary">Primary</button> + <button type="button" class="btn btn-lg btn-success">Success</button> + <button type="button" class="btn btn-lg btn-info">Info</button> + <button type="button" class="btn btn-lg btn-warning">Warning</button> + <button type="button" class="btn btn-lg btn-danger">Danger</button> + <button type="button" class="btn btn-lg btn-link">Link</button> + </p> + <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> + <button type="button" class="btn btn-link">Link</button> + </p> + <p> + <button type="button" class="btn btn-sm btn-default">Default</button> + <button type="button" class="btn btn-sm btn-primary">Primary</button> + <button type="button" class="btn btn-sm btn-success">Success</button> + <button type="button" class="btn btn-sm btn-info">Info</button> + <button type="button" class="btn btn-sm btn-warning">Warning</button> + <button type="button" class="btn btn-sm btn-danger">Danger</button> + <button type="button" class="btn btn-sm btn-link">Link</button> + </p> + <p> + <button type="button" class="btn btn-xs btn-default">Default</button> + <button type="button" class="btn btn-xs btn-primary">Primary</button> + <button type="button" class="btn btn-xs btn-success">Success</button> + <button type="button" class="btn btn-xs btn-info">Info</button> + <button type="button" class="btn btn-xs btn-warning">Warning</button> + <button type="button" class="btn btn-xs btn-danger">Danger</button> + <button type="button" class="btn btn-xs btn-link">Link</button> + </p> + + + + <div class="page-header"> + <h1>Thumbnails</h1> + </div> + <img data-src="holder.js/200x200" src="data:image/png;base64," class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera"> + + + + <div class="page-header"> + <h1>Dropdown menus</h1> + </div> + <div class="dropdown theme-dropdown clearfix"> + <a id="dropdownMenu1" href="#" role="button" class="sr-only dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> + <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> + <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> + <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> + <li role="presentation" class="divider"></li> + <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> + </ul> + </div> + + + + + <div class="page-header"> + <h1>Navbars</h1> + </div> + + <div class="navbar navbar-default"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <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"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li><a href="../navbar/">Default</a></li> + <li><a href="../navbar-static-top/">Static top</a></li> + <li class="active"><a href="./">Fixed top</a></li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> + + <div class="navbar navbar-inverse"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <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"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li><a href="../navbar/">Default</a></li> + <li><a href="../navbar-static-top/">Static top</a></li> + <li class="active"><a href="./">Fixed top</a></li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> + + + + <div class="page-header"> + <h1>Alerts</h1> + </div> + <div class="alert alert-success"> + <strong>Well done!</strong> You successfully read this important alert message. + </div> + <div class="alert alert-info"> + <strong>Heads up!</strong> This alert needs your attention, but it's not super important. + </div> + <div class="alert alert-warning"> + <strong>Warning!</strong> Best check yo self, you're not looking too good. + </div> + <div class="alert alert-danger"> + <strong>Oh snap!</strong> Change a few things up and try submitting again. + </div> + + + + <div class="page-header"> + <h1>Progress bars</h1> + </div> + <div class="progress"> + <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60% Complete</span></div> + </div> + <div class="progress"> + <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">40% Complete (success)</span></div> + </div> + <div class="progress"> + <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">20% Complete</span></div> + </div> + <div class="progress"> + <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete (warning)</span></div> + </div> + <div class="progress"> + <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">80% Complete (danger)</span></div> + </div> + <div class="progress"> + <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> + <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> + <div class="progress-bar progress-bar-danger" style="width: 10%"><span class='sr-only'>10% Complete (danger)</span></div> + </div> + + + + <div class="page-header"> + <h1>List groups</h1> + </div> + <div class="row"> + <div class="col-sm-4"> + <ul class="list-group"> + <li class="list-group-item">Cras justo odio</li> + <li class="list-group-item">Dapibus ac facilisis in</li> + <li class="list-group-item">Morbi leo risus</li> + <li class="list-group-item">Porta ac consectetur ac</li> + <li class="list-group-item">Vestibulum at eros</li> + </ul> + </div><!-- /.col-sm-4 --> + <div class="col-sm-4"> + <div class="list-group"> + <a href="#" class="list-group-item active"> + Cras justo odio + </a> + <a href="#" class="list-group-item">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item">Morbi leo risus</a> + <a href="#" class="list-group-item">Porta ac consectetur ac</a> + <a href="#" class="list-group-item">Vestibulum at eros</a> + </div> + </div><!-- /.col-sm-4 --> + <div class="col-sm-4"> + <div class="list-group"> + <a href="#" class="list-group-item active"> + <h4 class="list-group-item-heading">List group item heading</h4> + <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> + </a> + <a href="#" class="list-group-item"> + <h4 class="list-group-item-heading">List group item heading</h4> + <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> + </a> + <a href="#" class="list-group-item"> + <h4 class="list-group-item-heading">List group item heading</h4> + <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> + </a> + </div> + </div><!-- /.col-sm-4 --> + </div> + + + + <div class="page-header"> + <h1>Panels</h1> + </div> + <div class="row"> + <div class="col-sm-4"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + <div class="panel panel-primary"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + </div><!-- /.col-sm-4 --> + <div class="col-sm-4"> + <div class="panel panel-success"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + <div class="panel panel-info"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + </div><!-- /.col-sm-4 --> + <div class="col-sm-4"> + <div class="panel panel-warning"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + <div class="panel panel-danger"> + <div class="panel-heading"> + <h3 class="panel-title">Panel title</h3> + </div> + <div class="panel-body"> + Panel content + </div> + </div> + </div><!-- /.col-sm-4 --> + </div> + + + + <div class="page-header"> + <h1>Wells</h1> + </div> + <div class="well"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p> + </div> + + + </div> <!-- /container --> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <script src="../../assets/js/jquery.js"></script> + <script src="../../dist/js/bootstrap.min.js"></script> + <script src="../../assets/js/holder.js"></script> + </body> +</html> diff --git a/bower_components/bootstrap/examples/theme/theme.css b/bower_components/bootstrap/examples/theme/theme.css new file mode 100755 index 00000000..e7559231 --- /dev/null +++ b/bower_components/bootstrap/examples/theme/theme.css @@ -0,0 +1,14 @@ +body { + padding-top: 70px; + padding-bottom: 30px; +} + +.theme-dropdown .dropdown-menu { + display: block; + position: static; + margin-bottom: 20px; +} + +.theme-showcase > p > .btn { + margin: 5px 0; +}
\ No newline at end of file |
