Update inline and horizontal forms

* No more need for `.row.form-group`--only need `.form-group`
* Change tag selectors for inline form to use `.form-control`
* Docs improved to explain what's happening

1 files changed, 34 insertions, 6 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 9aff040ac..79ea5445a 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -1640,9 +1640,7 @@ select.input-small {
   z-index: 2;
 }
 
-.form-inline input,
-.form-inline select,
-.form-inline textarea,
+.form-inline .form-control,
 .form-inline .radio,
 .form-inline .checkbox {
   display: inline-block;
@@ -1658,6 +1656,38 @@ select.input-small {
   padding-top: 6px;
 }
 
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after {
+  display: table;
+  content: " ";
+}
+
+.form-horizontal .form-group:after {
+  clear: both;
+}
+
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after {
+  display: table;
+  content: " ";
+}
+
+.form-horizontal .form-group:after {
+  clear: both;
+}
+
+@media (min-width: 768px) {
+  .form-horizontal .form-group {
+    margin-right: -15px;
+    margin-left: -15px;
+  }
+}
+
+.form-horizontal .form-group .row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
 @media (min-width: 768px) {
   .form-horizontal .control-label {
     text-align: right;
@@ -2748,9 +2778,7 @@ button.close {
   margin-bottom: 6px;
 }
 
-.navbar-form input,
-.navbar-form select,
-.navbar-form textarea,
+.navbar-form .form-control,
 .navbar-form .radio,
 .navbar-form .checkbox {
   display: inline-block;