Update Gruntfile.js to copy 'dist/' files to 'docs/dist/' with 'grunt dist'...

Update Gruntfile.js to copy 'dist/' files to 'docs/dist/' with 'grunt dist' task; Fixes #12030: navbar toggle focus state

Gruntfile.js

@@ -322,7 +322,7 @@ module.exports = function (grunt) {
   grunt.registerTask('dist-docs', ['copy:docs']);
 
   // Full distribution task.
-  grunt.registerTask('dist', ['clean', 'dist-css', 'copy:fonts', 'dist-js']);
+  grunt.registerTask('dist', ['clean', 'dist-css', 'copy:fonts', 'dist-docs', 'dist-js']);
 
   // Default task.
   grunt.registerTask('default', ['test', 'dist', 'build-glyphicons-data', 'build-customizer']);

dist/css/bootstrap.css

@@ -3759,6 +3759,9 @@ textarea.input-group-sm > .input-group-btn > .btn {
   border: 1px solid transparent;
   border-radius: 4px;
 }
+.navbar-toggle:focus {
+  outline: none;
+}
 .navbar-toggle .icon-bar {
   display: block;
   width: 22px;

docs/assets/css/docs.css

@@ -110,10 +110,11 @@ body {
   color: #fff;
   background-color: #463265;
 }
-.bs-docs-nav .navbar-toggle {
+.bs-docs-nav .navbar-header .navbar-toggle {
   border-color: #563d7c;
 }
-.bs-docs-nav .navbar-toggle:hover {
+.bs-docs-nav .navbar-header .navbar-toggle:hover,
+.bs-docs-nav .navbar-header .navbar-toggle:focus {
   background-color: #463265;
   border-color: #463265;
 }

less/navbar.less

@@ -193,6 +193,12 @@
   border: 1px solid transparent;
   border-radius: @border-radius-base;
 
+  // We remove the `outline` here, but later compensate by attaching `:hover`
+  // styles to `:focus`.
+  &:focus {
+    outline: none;
+  }
+
   // Bars
   .icon-bar {
     display: block;