mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 21:49:09 +01:00
Code Issues Releases Wiki Activity

fix #9832 somewhat: more vars for jumbotron

Browse Source
This commit is contained in:
Mark Otto 2013-08-19 08:46:49 -07:00
parent 285393fb77
commit 7e82ceb533
3 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
customize.html
View File

@ -1036,20 +1036,21 @@ base_url: "../"
<h2 id="variables-jumbotron">Jumbotron</h2>
<div class="row">
<div class="col-lg-4">
<div class="col-lg-3">
<label>@jumbotron-padding</label>
<input type="text" class="form-control" placeholder="30px" data-var="@jumbotron-padding">
</div>
<div class="col-lg-3">
<label>@jumbotron-bg</label>
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@jumbotron-bg">
<p class="help-block">Jumbotron background color</p>
</div>
<div class="col-lg-4">
<div class="col-lg-3">
<label>@jumbotron-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-color">
</div>
<div class="col-lg-3">
<label>@jumbotron-heading-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-heading-color">
<p class="help-block">Jumbotron heading color</p>
</div>
<div class="col-lg-4">
<label>@jumbotron-lead-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-lead-color">
<p class="help-block">Jumbotron lead paragraph color</p>
</div>
</div>

2
less/jumbotron.less
View File

@ -9,7 +9,7 @@
font-size: (@font-size-base * 1.5);
font-weight: 200;
line-height: (@line-height-base * 1.5);
color: @jumbotron-lead-color;
color: @jumbotron-color;
background-color: @jumbotron-bg;
h1 {

4
less/variables.less
View File

@ -351,9 +351,11 @@
// Jumbotron
// -------------------------
@jumbotron-padding: 30px;
@jumbotron-color: inherit;
@jumbotron-bg: @gray-lighter;
@jumbotron-heading-color: inherit;
@jumbotron-lead-color: inherit;
// Form states and alerts