diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index b5ef18ebb1..b4e548870a 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1528,6 +1528,31 @@ select:focus:invalid:focus {
   border-radius: 0 4px 4px 0;
 }
 
+.form-horizontal .control-group {
+  margin-bottom: 10px;
+}
+
+.form-horizontal .control-group:before,
+.form-horizontal .control-group:after {
+  display: table;
+  content: " ";
+}
+
+.form-horizontal .control-group:after {
+  clear: both;
+}
+
+.form-horizontal .control-group > .control-label {
+  float: left;
+  width: 160px;
+  padding-top: 5px;
+  text-align: right;
+}
+
+.form-horizontal .control-group > .controls {
+  margin-left: 180px;
+}
+
 table {
   max-width: 100%;
   background-color: transparent;
diff --git a/less/forms.less b/less/forms.less
index dc4e7ffd98..cc0f49b343 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -428,7 +428,6 @@ select:focus:invalid {
 
 
 
-
 // Input groups
 // --------------------------------------------------
 
@@ -537,3 +536,31 @@ select:focus:invalid {
     border-radius: 0 @border-radius-base @border-radius-base 0;
   }
 }
+
+
+
+// Horizontal forms
+// --------------------------------------------------
+
+.form-horizontal {
+
+  // Increase spacing between groups
+  .control-group {
+    margin-bottom: @line-height-base / 2;
+    .clearfix();
+  }
+
+  // Float the labels left
+  .control-group > .control-label {
+    float: left;
+    width: @component-offset-horizontal - 20;
+    padding-top: 5px;
+    text-align: right;
+  }
+
+  // Move over all input controls and content over
+  .control-group > .controls {
+    margin-left: @component-offset-horizontal;
+  }
+
+}