bootstrap link added to docs (#411)

bootstrap link added to docs

.editorconfig

@@ -10,6 +10,7 @@ indent_style=tab
 tab_width=3
 
 [*.html]
+indent_style=tab
 indent_size=3
 insert_final_newline=false
 

pages/_docs/alerts.md

 ---
 title: Alerts
 menu: docs.alerts
+description: Bootstrap provides an easy way to create predefined alert messages.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/alerts/
 done: true
 ---
 
-Bootstrap provides an easy way to create predefined alert messages.
-
 ### Default markup
 
 {% example %}

pages/_docs/autosize.md

 ---
 title: Autosize
 menu: docs.autosize
+description: A small, stand-alone script to automatically adjust textarea height.
 done: true
 ---
 
-A small, stand-alone script to automatically adjust textarea height.
-
 ### Default markup
 
 {% example html %}

pages/_docs/avatars.md

 ---
 title: Avatars
 menu: docs.avatars
+description: Create and group avatars of various shapes and sizes with one component.
 done: true
 ---
 
-Create and group avatars of various shapes and sizes with one component.
-
 ### Default markup
 
 {% example html wrapper=avatar-list %}

pages/_docs/badges.md

 ---
 title: Badges
 menu: docs.badges
+description: A small count and labeling component.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/badge/
 done: true
 ---
 
-A small count and labeling component. Please read the [official Bootstrap documentation](https://getbootstrap.com/docs/4.3/components/badge/) for a full list of options.
-
 ### Default markup
 
 {% example %}

pages/_docs/breadcrumb.md

@@ -2,6 +2,7 @@
 title: Breadcrumb
 menu: docs.breadcrumb
 description: Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/breadcrumb/
 done: true
 ---
 

pages/_docs/buttons.md

@@ -2,6 +2,7 @@
 title: Buttons
 icon: fe fe-plus-square
 description: 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.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/buttons/
 ---
 
 

pages/_docs/cards.md

@@ -2,6 +2,7 @@
 title: Cards
 menu: docs.cards
 description: 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. 
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/card/
 ---
 
 The `.card` element is simply a container with a shadow, a border, a radius, and some padding. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components.

pages/_docs/carousel.md

 ---
 title: Carousel
 menu: docs.carousel
+description: The Carousel is a slideshow for cycling through elements.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/carousel/
 ---
 
-The Carousel is a slideshow for cycling through elements.
-
 {% example html columns=1 %}
 {% include ui/carousel.html show-indicators=true show-controls=true id="carousel-sample" %}
 {% endexample %}

pages/_docs/colors.md

 ---
 title: Colors
 menu: docs.colors
+description: 
+bootstrap-link: https://getbootstrap.com/docs/4.4/utilities/colors/
 ---
 
 ## Base colors

pages/_docs/divider.md

 ---
 title: Divider
 description: A divider visually segments content into groups
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers
 done: true
 ---
-
 ### Default markup
 
 {% example html columns=1 %}

pages/_docs/form-elements.md

 ---
 title: Form Elements
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/forms/
 ---
 
 ### Classic Input

pages/_docs/progress.md

 ---
 title: Progress
 description: A progress bar can be used to show a user how far along he is in a process.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/progress/
 ---
 
 ### Default markup

pages/_docs/spinners.md

 ---
 title: Spinners
 menu: docs.spinners
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/spinners/
 done: true
 ---
 

pages/_docs/tables.md

 ---
 title: Tables
 menu: docs.tables
+bootstrap-link: https://getbootstrap.com/docs/4.4/content/tables/
 ---
 
 ### Basic Table

pages/_docs/tabs.md

 ---
 title: Tabs
 menu: docs.tabs
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/navs/
 ---
 
 ### Default markup

pages/_docs/toasts.md

@@ -2,6 +2,7 @@
 title: Toasts
 menu: docs.toasts
 description: The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.).
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/toasts/
 ---
 
 

pages/_docs/tooltips.md

@@ -2,6 +2,7 @@
 title: Tooltips
 menu: docs.tooltips
 description: The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element.
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/tooltips/
 ---
 
 ### Default markup

pages/_docs/typography.md

@@ -2,6 +2,7 @@
 title: Typography
 menu: docs.typography
 description: Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
+bootstrap-link: https://getbootstrap.com/docs/4.4/content/typography/
 ---
 
 ### Headings

pages/_layouts/docs.html

@@ -7,41 +7,51 @@ page-title: Documentation
 
 
 <div class="row justify-content-center">
-   <div class="col-lg-3 order-lg-1 mb-4">
-      <a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
-         {% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code
-      </a>
-
-      <div class="list-group list-group-transparent mb-0">
-         {% for p in site.data.docs %}
-         {% assign doc = site.docs | where: "slug", p.page | first %}
-         <a href="{{ site.base }}{{ doc.url | relative_url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}">
-            {{ doc.title }}{% if doc.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
-         </a>
-         {% endfor %}
-      </div>
-   </div>
+	<div class="col-lg-3 order-lg-1 mb-4">
+		<a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
+			{% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code
+		</a>
+
+		<div class="list-group list-group-transparent mb-0">
+			{% for p in site.data.docs %}
+			{% assign doc = site.docs | where: "slug", p.page | first %}
+			<a href="{{ site.base }}{{ doc.url | relative_url }}"
+			   class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}">
+				{{ doc.title }}{% if doc.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
+			</a>
+			{% endfor %}
+		</div>
+	</div>
 	<div class="col-lg-9">
 		<div class="card">
 			<div class="card-body p-md-6 p-xl-7">
 
 				<div class="markdown">
-					<h2 class="h1 mt-0 mb-4">{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}</h2>
+					{% if page.bootstrap-link %}
+					<p class="mb-4 float-right">
+						<a href="{{ page.bootstrap-link }}" target="_blank">
+							{% include_cached ui/icon.html icon="external-link" color="blue" class="pr-1" %}
+							Bootstrap documentation
+						</a>
+					</p>
+					{% endif %}
+
+					<h2 class="h1 mt-0 mb-3">{{ page.title }}
+						{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
+					</h2>
 
-               {% if page.plugin %}
-                  <div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code> plugin.</div>
-               {% endif %}
 
-					{% if page.description %}
-					   <p>{{ page.description }}</p>
-					{% endif %}
 
-					{% if page.in_progress %}
-					<div class="alert alert-primary mt-5 mb-6">
-						<div><strong>Work in progress!</strong> More detailed documentation is coming soon.</div>
+					{% if page.plugin %}
+					<div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code>
+						plugin.
 					</div>
 					{% endif %}
 
+					{% if page.description %}
+					<p>{{ page.description }}</p>
+					{% endif %}
+
 					{% if page.toc %}
 					{{ content | toc_only }}
 					{% endif %}