diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 04d5bc1fd9..a99125994f 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -548,26 +548,6 @@ dd {
   margin-left: 10px;
 }
 
-.dl-horizontal:before,
-.dl-horizontal:after {
-  display: table;
-  content: " ";
-}
-
-.dl-horizontal:after {
-  clear: both;
-}
-
-.dl-horizontal:before,
-.dl-horizontal:after {
-  display: table;
-  content: " ";
-}
-
-.dl-horizontal:after {
-  clear: both;
-}
-
 .dl-horizontal dt {
   float: left;
   width: 160px;
@@ -582,6 +562,26 @@ dd {
   margin-left: 180px;
 }
 
+.dl-horizontal dd:before,
+.dl-horizontal dd:after {
+  display: table;
+  content: " ";
+}
+
+.dl-horizontal dd:after {
+  clear: both;
+}
+
+.dl-horizontal dd:before,
+.dl-horizontal dd:after {
+  display: table;
+  content: " ";
+}
+
+.dl-horizontal dd:after {
+  clear: both;
+}
+
 hr {
   margin: 20px 0;
   border: 0;
diff --git a/less/type.less b/less/type.less
index a74bdaeffe..9a6811e3d3 100644
--- a/less/type.less
+++ b/less/type.less
@@ -149,7 +149,6 @@ dd {
 }
 // Horizontal layout (like forms)
 .dl-horizontal {
-  .clearfix(); // Ensure dl clears floats if empty dd elements present
   dt {
     float: left;
     width: (@component-offset-horizontal - 20);
@@ -158,6 +157,7 @@ dd {
     .text-overflow();
   }
   dd {
+    .clearfix(); // Clear the floated `dt` if an empty `dd` is present
     margin-left: @component-offset-horizontal;
   }
 }