bootstrap link added to docs

2026-06-17 12:50:03 +04:00 · 2019-12-08 19:47:49 +01:00
parent 47f8ca1036
commit 41ac827046
19 changed files with 31 additions and 14 deletions
@@ -1,11 +1,11 @@
 ---
 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 %}
@@ -1,11 +1,10 @@
 ---
 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 %}
@@ -1,11 +1,10 @@
 ---
 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 %}
@@ -1,11 +1,11 @@
 ---
 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 %}
@@ -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
 ---

@@ -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/
 ---


@@ -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.
@@ -1,10 +1,10 @@
 ---
 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 %}
@@ -1,5 +1,6 @@
 ---
 title: Colors
 menu: docs.colors
---
-
+description: 
+bootstrap-link: https://getbootstrap.com/docs/4.4/utilities/colors/
+---
@@ -1,9 +1,9 @@
 ---
 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 max-width=300 %}
@@ -1,5 +1,6 @@
 ---
 title: Form Elements
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/forms/
 ---

 ### Classic Input
@@ -1,6 +1,7 @@
 ---
 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
@@ -1,6 +1,7 @@
 ---
 title: Spinners
 menu: docs.spinners
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/spinners/
 done: true
 ---

@@ -1,6 +1,7 @@
 ---
 title: Tables
 menu: docs.tables
+bootstrap-link: https://getbootstrap.com/docs/4.4/content/tables/
 ---

 ### Basic Table
@@ -1,6 +1,7 @@
 ---
 title: Tabs
 menu: docs.tabs
+bootstrap-link: https://getbootstrap.com/docs/4.4/components/navs/
 ---

 ### Default markup
@@ -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/
 ---


@@ -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
@@ -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
@@ -26,7 +26,14 @@ page-title: Documentation
 			<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>
+						<h2 class="h1 mt-0 mb-2 align-middle d-inline-flex" style="align-items: center;">{{ page.title }}{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
+							{% if page.bootstrap-link %}
+							<a class="text-decoration-none text-blue {% if page.done %}ml-2{% else %}ml-3{% endif %}" href="{{page.bootstrap-link}}" target="_blank" style="font-size:medium">
+								<i class="pr-1">{% include_cached ui/icon.html icon="external-link" color="blue" %}</i>
+								Bootstrap documentation
+							</a>
+							{% endif %}
+						</h2>

               {% if page.plugin %}
                  <div class="alert alert-info">This module is available in <code>tabler-{{ page.plugin }}</code> plugin.</div>