rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

more narrow jumbotron example fixes in the mobile first arena

Browse Source
This commit is contained in:
Mark Otto 2013-02-17 19:04:38 -08:00
parent 9f279c6077
commit 42488cbb45
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
jumbotron-narrow.html
View File

@ -50,10 +50,7 @@ title: Narrow page template
/* Main marketing message and sign up button */ /* Main marketing message and sign up button */
.jumbotron { .jumbotron {
text-align: center; text-align: center;
} border-bottom: 1px solid #e5e5e5;
.jumbotron h1 {
font-size: 72px;
line-height: 1;
} }
.jumbotron .btn { .jumbotron .btn {
font-size: 21px; font-size: 21px;
@ -81,6 +78,10 @@ title: Narrow page template
.header { .header {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0;
}
} }
</style> </style>
@ -97,7 +98,7 @@ title: Narrow page template
</div> </div>
<div class="jumbotron"> <div class="jumbotron">
<h1>Super awesome marketing speak!</h1> <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 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-large btn-success" href="#">Sign up today</a></p>
</div> </div>