Merge pull request #10949 from StevenBlack/jumbotron.fontsize

Jumbotron: remove the hard-coded font-size from jumbotron.less and moved...

customize.html

@@ -1216,19 +1216,17 @@ base_url: "../"
 
     <h2 id="variables-jumbotron">Jumbotron</h2>
     <div class="row">
-      <div class="col-lg-3">
+      <div class="col-md-6">
         <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">
+        <label>@jumbotron-font-size</label>
+        <input type="text" class="form-control" placeholder="ceil(@font-size-base * 1.50)" data-var="@jumbotron-font-size">
       </div>
-      <div class="col-lg-3">
+      <div class="col-md-6">
         <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">
       </div>

less/jumbotron.less

@@ -6,7 +6,7 @@
 .jumbotron {
   padding: @jumbotron-padding;
   margin-bottom: @jumbotron-padding;
-  font-size: (@font-size-base * 1.5);
+  font-size: @jumbotron-font-size;
   font-weight: 200;
   line-height: (@line-height-base * 1.5);
   color: @jumbotron-color;

less/variables.less

@@ -368,8 +368,8 @@
 @jumbotron-padding:              30px;
 @jumbotron-color:                inherit;
 @jumbotron-bg:                   @gray-lighter;
-
 @jumbotron-heading-color:        inherit;
+@jumbotron-font-size:            ceil(@font-size-base * 1.50);
 
 
 // Form states and alerts