diff options
| author | Jakob Borg <jakob@nym.se> | 2014-05-20 18:41:31 +0200 |
|---|---|---|
| committer | Jakob Borg <jakob@nym.se> | 2014-05-20 18:41:31 +0200 |
| commit | 36bdd9cb4d884c900b86690e33b4d5fbbb12a9aa (patch) | |
| tree | 99fd9dff86b244b0ff143b7d4058655735e81767 /assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow | |
| parent | 95f5e5fa9abffdb507c34d39826456d4a4771a3d (diff) | |
Add bootstrap-3.1.1
Diffstat (limited to 'assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow')
| -rw-r--r-- | assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/index.html | 82 | ||||
| -rw-r--r-- | assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/jumbotron-narrow.css | 79 |
2 files changed, 161 insertions, 0 deletions
diff --git a/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/index.html b/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/index.html new file mode 100644 index 0000000000..7e5541b990 --- /dev/null +++ b/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/index.html @@ -0,0 +1,82 @@ +<!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"> + <meta name="description" content=""> + <meta name="author" content=""> + <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> + + <title>Narrow Jumbotron Template for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="jumbotron-narrow.css" rel="stylesheet"> + + <!-- Just for debugging purposes. Don't actually copy this line! --> + <!--[if lt IE 9]><script src="../../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="container"> + <div class="header"> + <ul class="nav nav-pills pull-right"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">About</a></li> + <li><a href="#">Contact</a></li> + </ul> + <h3 class="text-muted">Project name</h3> + </div> + + <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-lg btn-success" href="#" role="button">Sign up today</a></p> + </div> + + <div class="row marketing"> + <div class="col-lg-6"> + <h4>Subheading</h4> + <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> + + <h4>Subheading</h4> + <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> + + <h4>Subheading</h4> + <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p> + </div> + + <div class="col-lg-6"> + <h4>Subheading</h4> + <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p> + + <h4>Subheading</h4> + <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p> + + <h4>Subheading</h4> + <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p> + </div> + </div> + + <div class="footer"> + <p>© Company 2014</p> + </div> + + </div> <!-- /container --> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + </body> +</html> diff --git a/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/jumbotron-narrow.css b/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/jumbotron-narrow.css new file mode 100644 index 0000000000..fb7c49ab10 --- /dev/null +++ b/assets/bootstrap-3.1.1/docs/examples/jumbotron-narrow/jumbotron-narrow.css @@ -0,0 +1,79 @@ +/* Space out content a bit */ +body { + padding-top: 20px; + padding-bottom: 20px; +} + +/* Everything but the jumbotron gets side spacing for mobile first views */ +.header, +.marketing, +.footer { + padding-right: 15px; + padding-left: 15px; +} + +/* Custom page header */ +.header { + border-bottom: 1px solid #e5e5e5; +} +/* Make the masthead heading the same height as the navigation */ +.header h3 { + padding-bottom: 19px; + margin-top: 0; + margin-bottom: 0; + line-height: 40px; +} + +/* Custom page footer */ +.footer { + padding-top: 19px; + color: #777; + border-top: 1px solid #e5e5e5; +} + +/* Customize container */ +@media (min-width: 768px) { + .container { + max-width: 730px; + } +} +.container-narrow > hr { + margin: 30px 0; +} + +/* Main marketing message and sign up button */ +.jumbotron { + text-align: center; + border-bottom: 1px solid #e5e5e5; +} +.jumbotron .btn { + padding: 14px 24px; + font-size: 21px; +} + +/* Supporting marketing content */ +.marketing { + margin: 40px 0; +} +.marketing p + h4 { + margin-top: 28px; +} + +/* Responsive: Portrait tablets and up */ +@media screen and (min-width: 768px) { + /* Remove the padding we set earlier */ + .header, + .marketing, + .footer { + padding-right: 0; + padding-left: 0; + } + /* Space out the masthead */ + .header { + margin-bottom: 30px; + } + /* Remove the bottom border on the jumbotron for visual effect */ + .jumbotron { + border-bottom: 0; + } +} |