Fixes #12486: Restore full width inputs for input groups in inline forms and navbars

dist/css/bootstrap.css

@@ -1723,6 +1723,7 @@ output {
 .form-control::-webkit-input-placeholder {
   color: #999;
 }
+.form-control:disabled,
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
@@ -1939,6 +1940,9 @@ select[multiple].input-lg {
     width: auto;
     vertical-align: middle;
   }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
   .form-inline .control-label {
     margin-bottom: 0;
     vertical-align: middle;
@@ -3854,6 +3858,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
     width: auto;
     vertical-align: middle;
   }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
   .navbar-form .control-label {
     margin-bottom: 0;
     vertical-align: middle;

less/forms.less

@@ -133,9 +133,14 @@ output {
   .placeholder();
 
   // Disabled and read-only inputs
-  // Note: HTML5 says that controls under a fieldset > legend:first-child won't
-  // be disabled if the fieldset is disabled. Due to implementation difficulty,
-  // we don't honor that edge case; we style them as disabled anyway.
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  //
+  // Also note that we include `[disabled]` for IE8. All other browsers take the
+  // `:disabled` selector.
+  &:disabled,
   &[disabled],
   &[readonly],
   fieldset[disabled] & {
@@ -348,6 +353,10 @@ input[type="checkbox"],
       width: auto; // Prevent labels from stacking above inputs in `.form-group`
       vertical-align: middle;
     }
+    // Input groups need that 100% width though
+    .input-group > .form-control {
+      width: 100%;
+    }
 
     .control-label {
       margin-bottom: 0;