<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>
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 {
// Jumbotron
// -------------------------
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
@jumbotron-bg: @gray-lighter;
+
@jumbotron-heading-color: inherit;
-@jumbotron-lead-color: inherit;
// Form states and alerts