提交 41ac8270 编写于 作者: D Dawid Harat

bootstrap link added to docs

上级 47f8ca10
---
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 %}
......
---
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 %}
......
---
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 %}
......
---
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.
......
---
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 %}
---
title: Colors
menu: docs.colors
---
description:
bootstrap-link: https://getbootstrap.com/docs/4.4/utilities/colors/
---
\ No newline at end of file
---
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 %}
......
---
title: Form Elements
bootstrap-link: https://getbootstrap.com/docs/4.4/components/forms/
---
### Classic Input
......
---
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
......
---
title: Spinners
menu: docs.spinners
bootstrap-link: https://getbootstrap.com/docs/4.4/components/spinners/
done: true
---
......
---
title: Tables
menu: docs.tables
bootstrap-link: https://getbootstrap.com/docs/4.4/content/tables/
---
### Basic Table
......
---
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>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册