bsDocs components

Gruntfile.js

@@ -303,38 +303,38 @@ module.exports = function (grunt) {
         ],
         dest: 'docs/assets/scss/'
       },
-      'bs-docs-components': {
+      //'bs-docs-components': {
-        options: {
+      //  options: {
-          // //https://regex101.com/r/cZ7aO8/2
+      //    // //https://regex101.com/r/cZ7aO8/2
-          process: function (content, srcpath) {
+      //    process: function (content, srcpath) {
-            return content.replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice);
+      //      return content.replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice);
-          }
+      //    }
-        },
+      //  },
-        expand: true,
+      //  expand: true,
-        cwd: '../bootstrap/docs/components',
+      //  cwd: '../bootstrap/docs/components',
-        src: [
+      //  src: [
-          '**/*'
+      //    '**/*'
-        ],
+      //  ],
-        dest: 'docs/components/'
+      //  dest: 'docs/components/'
-      },
+      //},
-      'bs-docs-getting-started': {
+      //'bs-docs-getting-started': {
-        options: {
+      //  options: {
-          // https://regex101.com/r/cZ7aO8/2
+      //    // https://regex101.com/r/cZ7aO8/2
-          process: function (content, srcpath) {
+      //    process: function (content, srcpath) {
-            return content
+      //      return content
-            // insert docs reference
+      //      // insert docs reference
-              .replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice)
+      //        .replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice)
-              // remove sample text 'display' as this is a particular style and is confusing
+      //        // remove sample text 'display' as this is a particular style and is confusing
-              .replace(/Fancy display heading/, 'Fancy heading');
+      //        .replace(/Fancy display heading/, 'Fancy heading');
-          }
+      //    }
-        },
+      //  },
-        expand: true,
+      //  expand: true,
-        cwd: '../bootstrap/docs/getting-started',
+      //  cwd: '../bootstrap/docs/getting-started',
-        src: [
+      //  src: [
-          'browsers-devices.md' // only one file
+      //    'browsers-devices.md' // only one file
-        ],
+      //  ],
-        dest: 'docs/getting-started/'
+      //  dest: 'docs/getting-started/'
-      },
+      //},
       //'bs-docs-content': {
       //  options: {
       //    // https://regex101.com/r/cZ7aO8/2
@@ -592,7 +592,7 @@ module.exports = function (grunt) {
   grunt.registerTask('docs-copy-bootstrap-docs', [
     'copy:bs-docs-js-vendor',
     'copy:bs-docs-scss',
-    'copy:bs-docs-getting-started',
+    //'copy:bs-docs-getting-started',
     'copy:bs-docs-components',
     'copy:bs-docs-content',
     'copy:bs-docs-plugins'

docs/components/alerts.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
 
 ## Contents

docs/components/breadcrumb.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Indicate the current page's location within a navigational hierarchy. Separators are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content).
 
 {% example html %}

docs/components/button-dropdown.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Use any button to trigger a dropdown menu by placing it within a `.btn-group` and providing the proper dropdown menu markup.
 
 {% callout danger %}

docs/components/button-group.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with [our buttons plugin]({{ site.baseurl }}/components/buttons/#button-plugin).
 
 ## Contents

docs/components/buttons.md

@@ -8,14 +8,15 @@ redirect_from: "/components/"
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Use Bootstrap's custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.
 
 ## Contents

docs/components/card.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 A **card** is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
 
 If you're familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.

docs/components/carousel.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 A slideshow component for cycling through elements—images or slides of text—like a carousel. In browsers where the [Page Visibility API](http://www.w3.org/TR/page-visibility/) is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.). **Nested carousels are not supported.**
 
 ## Contents

docs/components/collapse.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 The Bootstrap collapse plugin allows you to toggle content on your pages with a bit of JavaScript and some classes. Flexible plugin that utilizes a handful of classes (from the **required [transitions plugin]({{ site.baseurl }}/components/transitions/)**) for easy toggle behavior.
 
 ## Contents

docs/components/dropdowns.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin. They're toggled by clicking, not by hovering; this is [an intentional design decision.](http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/)
 
 ## Contents

docs/components/forms.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.
 
 ## Contents

docs/components/input-group.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Easily extend form controls by adding text, buttons, or button groups on either side of textual `<input>`s.
 
 ## Contents

docs/components/jumbotron.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
 
 ## Example

docs/components/list-group.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.
 
 ## Contents

docs/components/modal.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
 
 ## Contents

docs/components/navbar.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 The navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. It's easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content.
 
 ## Contents

docs/components/navs.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Navigation available in Bootstrap share general markup and styles, from the base `.nav` class to the active and disabled states. Swap modifier classes to switch between each style.
 
 ## Contents

docs/components/pagination.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Provide pagination links for your site or app with the multi-page pagination component.
 
 ## Contents

docs/components/popovers.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Add small overlay content, like those found in iOS, to any element for housing secondary information.
 
 ## Contents

docs/components/progress.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Stylize [the HTML5 `<progress>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) with a few extra classes and some crafty browser-specific CSS. Be sure to read up on the browser support.
 
 ## Contents

docs/components/scrollspy.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 ## Contents
 
 * Will be replaced with the ToC, excluding the "Contents" header

docs/components/tag.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Small and adaptive tag for adding context to just about any content.
 
 ## Example

docs/components/tooltips.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
 
 ## Contents

docs/components/utilities.md

@@ -7,14 +7,15 @@ group: components
 [//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
 
 {% callout info %}
-**Bootstrap Reference Documentation** 
+**Bootstrap Reference Documentation**
-This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. 
+This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
-It is included here to demonstrate rendering with Material Design for Bootstrap default styling. 
+It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
 See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
 {% endcallout %}
 
 
 
+
 Bootstrap includes dozens of utilities—classes with a single purpose. They're designed to reduce the frequency of highly repetitive declarations in your CSS while allowing for quick and easy development.
 
 ## Contents

gulpfile.babel.js

@@ -154,6 +154,12 @@ let docs = [
 ]
 
 
+const docsProcess = (content, srcpath) => { // https://regex101.com/r/cZ7aO8/2
+  return content
+    .replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice) // insert docs reference
+    .replace(/Fancy display heading/, 'Fancy heading')          // remove sample text 'display' as this is a particular MD style and is confusing
+}
+
 let bsDocs = [
   new Copy(gulp, docsPreset, docsConfig, {
     task: {name: 'copy:bs-docs-content'},
@@ -162,10 +168,28 @@ let bsDocs = [
       glob: ['**/*']
     },
     dest: 'docs/content/',
-    process: (content, srcpath) => { // https://regex101.com/r/cZ7aO8/2
+    process: docsProcess
-      return content
+  }),
-        .replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice) // insert docs reference
+
-        .replace(/Fancy display heading/, 'Fancy heading')          // remove sample text 'display' as this is a particular MD style and is confusing
+  //new Copy(gulp, docsPreset, docsConfig, {
-    }
+  //  task: {name: 'copy:bs-docs-getting-started'},
-  })
+  //  source: {
+  //    options: {cwd: '../bootstrap/docs/getting-started'},
+  //    glob: ['**/*']
+  //  },
+  //  dest: 'docs/getting-started/',
+  //  process: docsProcess
+  //}),
+
+  new Copy(gulp, docsPreset, docsConfig, {
+    task: {name: 'copy:bs-docs-components'},
+    source: {
+      options: {cwd: '../bootstrap/docs/components'},
+      glob: ['**/*']
+    },
+    dest: 'docs/components/',
+    process: docsProcess
+  }),
 ]
+
+new TaskSeries(gulp, 'bsDocs', bsDocs)