Fixes #11402: Updated fix for select.form-control width in inline-forms

dist/css/bootstrap.css

@@ -1871,6 +1871,9 @@ textarea.input-lg {
   .form-inline select.form-control {
     width: auto;
   }
+  .form-inline > select.form-control {
+    width: auto;
+  }
   .form-inline .radio,
   .form-inline .checkbox {
     display: inline-block;
@@ -3786,6 +3789,9 @@ textarea.input-group-sm > .input-group-btn > .btn {
   .navbar-form select.form-control {
     width: auto;
   }
+  .navbar-form > select.form-control {
+    width: auto;
+  }
   .navbar-form .radio,
   .navbar-form .checkbox {
     display: inline-block;

less/forms.less

@@ -311,6 +311,11 @@ input[type="checkbox"],
       width: auto;
     }
 
+    // Override `width: 100%;` when not within a `.form-group`
+    > select.form-control {
+      width: auto;
+    }
+
     // Remove default margin on radios/checkboxes that were used for stacking, and
     // then undo the floating of radios and checkboxes to match (which also avoids
     // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).