fixes twbs#10024: Use negative margin to fix the border between butto…

…n and input in input groups
20111564 · Sep 6, 2013 · 8bea86e · 8bea86e
1 parent e5038a3
commit 8bea86e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
@@ -3791,6 +3791,14 @@ textarea.input-group-sm > .input-group-btn > .btn {
   white-space: nowrap;
 }
 
+.input-group-btn:first-child > .btn {
+  margin-right: -1px;
+}
+
+.input-group-btn:last-child > .btn {
+  margin-left: -1px;
+}
+
 .input-group-btn > .btn {
   position: relative;
 }

diff --git a/dist/css/bootstrap.min.css b/dist/css/bootstrap.min.css
diff --git a/less/input-groups.less b/less/input-groups.less
@@ -113,6 +113,14 @@
 .input-group-btn {
   position: relative;
   white-space: nowrap;
+
+  // Negative margin to only have a 1px border between the two
+  &:first-child > .btn {
+    margin-right: -1px;
+  }
+  &:last-child > .btn {
+    margin-left: -1px;
+  }
 }
 .input-group-btn > .btn {
   position: relative;