fix #9832 somewhat: more vars for jumbotron

customize.html

@@ -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>
 

less/jumbotron.less

@@ -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 {

less/variables.less

@@ -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