kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code 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 c6f341bd17
commit 9b3262cb15
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
docs/examples/jumbotron-narrow.html
View file

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