simplify the left margin for offset grid columns

diff --git a/less/mixins.less b/less/mixins.less
index 73e6ade56d2bd77155e192d20a70c1c95d634de1..22666b21c3d38755851bd168b921fcf9f07cff1e 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -546,7 +546,7 @@
     .offsetX (0) {}
 
     .offset (@columns) {
-      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
+      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
     }
 
     .span (@columns) {

diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index 8dad598c9796285d3467adba4581369c2f40bfbf..58e25be612d604b7d63787ffd61a8b554bf5a323 100644 (file)
--- a/less/tests/css-tests.html
+++ b/less/tests/css-tests.html
@@ -374,6 +374,19 @@
     </ul>
   </li>
 </ul>
+
+<h4>Dropdown on a button</h4>
+<div style="position: relative;">
+  <button class="btn" type="button" data-toggle="dropdown">Dropdown <span class="caret"></span></button>
+  <ul class="dropdown-menu">
+    <li><a href="#">Action</a></li>
+    <li><a href="#">Another action</a></li>
+    <li><a href="#">Something else here</a></li>
+    <li class="divider"></li>
+    <li><a href="#">Separated link</a></li>
+  </ul>
+</div>
+
 <br>
 
 
@@ -445,6 +458,7 @@
 </div>
 
 
+
 <!-- Tabs
 ================================================== -->
 
@@ -491,6 +505,8 @@
 
 
 
+
+
      <!-- Footer
       ================================================== -->
       <footer class="footer">