fixes #8647: remove focus outline on :focus of buttons in button groups

dist/css/bootstrap.css

@@ -2102,7 +2102,7 @@ input[type="button"].btn-block {
   padding: 6px 12px;
   font-size: 14px;
   font-weight: normal;
-  line-height: 1.428571429;
+  line-height: 1;
   text-align: center;
   background-color: #eeeeee;
   border: 1px solid #cccccc;
@@ -2112,14 +2112,12 @@ input[type="button"].btn-block {
 .input-group-addon.input-sm {
   padding: 5px 10px;
   font-size: 12px;
-  line-height: 1.5;
   border-radius: 3px;
 }
 
 .input-group-addon.input-lg {
   padding: 10px 16px;
   font-size: 18px;
-  line-height: 1.33;
   border-radius: 6px;
 }
 
@@ -3180,6 +3178,11 @@ button.close {
   z-index: 2;
 }
 
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus {
+  outline: none;
+}
+
 .btn-group .btn + .btn {
   margin-left: -1px;
 }

less/button-groups.less

@@ -47,6 +47,10 @@
     &.active {
       z-index: 2;
     }
+    &:focus {
+      // Remove focus outline when dropdown JS adds it after closing the menu
+      outline: none;
+    }
   }
 }