mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-29 21:14:13 +03:00
added bootstrap reference documentation headings
This commit is contained in:
parent
53d0b661bb
commit
97b11afbc4
28
Gruntfile.js
28
Gruntfile.js
|
@ -8,6 +8,16 @@ module.exports = function (grunt) {
|
||||||
return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&');
|
return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&');
|
||||||
};
|
};
|
||||||
|
|
||||||
|
var referenceDocNotice =
|
||||||
|
'$1\n\n'
|
||||||
|
+ '[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs\n\n'
|
||||||
|
+ '{% callout info %}\n**Bootstrap Reference Documentation** \n'
|
||||||
|
+ 'This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>. \n'
|
||||||
|
+ 'It is being rendered with Material Design for Bootstrap to demonstrate default styling. \n'
|
||||||
|
+ 'See addons(TODO: add link) for additional Material Design elements.\n'
|
||||||
|
+ '{% endcallout %}'
|
||||||
|
+ '\n\n$2'
|
||||||
|
|
||||||
var fs = require('fs');
|
var fs = require('fs');
|
||||||
var path = require('path');
|
var path = require('path');
|
||||||
var glob = require('glob');
|
var glob = require('glob');
|
||||||
|
@ -373,6 +383,12 @@ module.exports = function (grunt) {
|
||||||
dest: 'docs/dist/'
|
dest: 'docs/dist/'
|
||||||
},
|
},
|
||||||
'bs-docs-scss': {
|
'bs-docs-scss': {
|
||||||
|
options: {
|
||||||
|
// https://regex101.com/r/hG8lU4/1
|
||||||
|
process: function (content, srcpath) {
|
||||||
|
return content.replace(/([\s\S]+)/mg, "// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs\n\n$1");
|
||||||
|
}
|
||||||
|
},
|
||||||
expand: true,
|
expand: true,
|
||||||
cwd: '../bootstrap/docs/assets/scss',
|
cwd: '../bootstrap/docs/assets/scss',
|
||||||
src: [
|
src: [
|
||||||
|
@ -382,6 +398,12 @@ module.exports = function (grunt) {
|
||||||
dest: 'docs/assets/scss/'
|
dest: 'docs/assets/scss/'
|
||||||
},
|
},
|
||||||
'bs-docs-components': {
|
'bs-docs-components': {
|
||||||
|
options: {
|
||||||
|
// //https://regex101.com/r/cZ7aO8/2
|
||||||
|
process: function (content, srcpath) {
|
||||||
|
return content.replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice);
|
||||||
|
}
|
||||||
|
},
|
||||||
expand: true,
|
expand: true,
|
||||||
cwd: '../bootstrap/docs/components',
|
cwd: '../bootstrap/docs/components',
|
||||||
src: [
|
src: [
|
||||||
|
@ -390,6 +412,12 @@ module.exports = function (grunt) {
|
||||||
dest: 'docs/components/'
|
dest: 'docs/components/'
|
||||||
},
|
},
|
||||||
'bs-docs-content': {
|
'bs-docs-content': {
|
||||||
|
options: {
|
||||||
|
// //https://regex101.com/r/cZ7aO8/2
|
||||||
|
process: function (content, srcpath) {
|
||||||
|
return content.replace(/(---[\s\S]+?---)([\s\S]+)/mg, referenceDocNotice);
|
||||||
|
}
|
||||||
|
},
|
||||||
expand: true,
|
expand: true,
|
||||||
cwd: '../bootstrap/docs/content',
|
cwd: '../bootstrap/docs/content',
|
||||||
src: [
|
src: [
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Carbon ads
|
// Carbon ads
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.anchorjs-link {
|
.anchorjs-link {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Bootstrap "B" Booticon
|
// Bootstrap "B" Booticon
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Brand guidelines
|
// Brand guidelines
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
// Wall of Browser Bugs
|
// Wall of Browser Bugs
|
||||||
//
|
//
|
||||||
// Better display for the responsive table on the Wall of Browser Bugs.
|
// Better display for the responsive table on the Wall of Browser Bugs.
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
// Buttons
|
// Buttons
|
||||||
//
|
//
|
||||||
// Custom buttons for the docs.
|
// Custom buttons for the docs.
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Callouts
|
// Callouts
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
// clipboard.js
|
// clipboard.js
|
||||||
//
|
//
|
||||||
// Flash-based `Copy` buttons for code snippets.
|
// Flash-based `Copy` buttons for code snippets.
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Grid examples
|
// Grid examples
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Automatically style Markdown-based tables like a Bootstrap `.table`.
|
// Automatically style Markdown-based tables like a Bootstrap `.table`.
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Examples
|
// Examples
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.bd-featured-sites {
|
.bd-featured-sites {
|
||||||
margin-right: -1px;
|
margin-right: -1px;
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.bd-featurette {
|
.bd-featurette {
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Footer
|
// Footer
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.bd-masthead {
|
.bd-masthead {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 3rem ($grid-gutter-width / 2) 2rem;
|
padding: 3rem ($grid-gutter-width / 2) 2rem;
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Main navbar
|
// Main navbar
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.bd-pageheader {
|
.bd-pageheader {
|
||||||
padding: 2rem ($grid-gutter-width / 2);
|
padding: 2rem ($grid-gutter-width / 2);
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Responsive tests
|
// Responsive tests
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
//
|
//
|
||||||
// Side navigation
|
// Side navigation
|
||||||
//
|
//
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
#skippy {
|
#skippy {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.hll { background-color: #ffffcc }
|
.hll { background-color: #ffffcc }
|
||||||
.c { color: #999; }
|
.c { color: #999; }
|
||||||
.err { color: #AA0000; background-color: #FFAAAA }
|
.err { color: #AA0000; background-color: #FFAAAA }
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
.bd-team {
|
.bd-team {
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
|
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Alerts
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
|
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Breadcrumb
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Indicate the current page's location within a navigational hierarchy.
|
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).
|
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).
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Button dropdown
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Use any button to trigger a dropdown menu by placing it within a `.btn-group` and providing the proper dropdown menu markup.
|
Use any button to trigger a dropdown menu by placing it within a `.btn-group` and providing the proper dropdown menu markup.
|
||||||
|
|
||||||
{% callout danger %}
|
{% callout danger %}
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Button group
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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).
|
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
|
## Contents
|
||||||
|
|
|
@ -5,6 +5,17 @@ group: components
|
||||||
redirect_from: "/components/"
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Cards
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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.
|
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.
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Carousel
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.**
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Collapse
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Dropdowns
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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/)
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Forms
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.
|
Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Input group
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Easily extend form controls by adding text, buttons, or button groups on either side of textual `<input>`s.
|
Easily extend form controls by adding text, buttons, or button groups on either side of textual `<input>`s.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Jumbotron
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
|
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
|
||||||
|
|
||||||
## Example
|
## Example
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Labels
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Small and adaptive tag for adding context to just about any content.
|
Small and adaptive tag for adding context to just about any content.
|
||||||
|
|
||||||
## Example
|
## Example
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: List group
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.
|
List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Modal
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
|
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Navbar
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Navs
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Pagination
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Provide pagination links for your site or app with the multi-page pagination component, or the simpler [pager alternative](#pager).
|
Provide pagination links for your site or app with the multi-page pagination component, or the simpler [pager alternative](#pager).
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Popovers
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Add small overlay content, like those found in iOS, to any element for housing secondary information.
|
Add small overlay content, like those found in iOS, to any element for housing secondary information.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Progress
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Scrollspy
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
||||||
* Will be replaced with the ToC, excluding the "Contents" header
|
* Will be replaced with the ToC, excluding the "Contents" header
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Tooltips
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Utility classes
|
||||||
group: components
|
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**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% 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.
|
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
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Code
|
||||||
group: content
|
group: content
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Styles for inline code snippets and longer, multiline blocks of code.
|
Styles for inline code snippets and longer, multiline blocks of code.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Figures
|
||||||
group: content
|
group: content
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Anytime you need to display a piece of content—like an image—with an optional caption, consider using a `<figure>`.
|
Anytime you need to display a piece of content—like an image—with an optional caption, consider using a `<figure>`.
|
||||||
|
|
||||||
Use the included `.figure` , `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `<img>` to make it responsive.
|
Use the included `.figure` , `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `<img>` to make it responsive.
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Images
|
||||||
group: content
|
group: content
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Opt your images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
|
Opt your images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -5,6 +5,17 @@ group: content
|
||||||
redirect_from: "/content/"
|
redirect_from: "/content/"
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Part of Bootstrap's job is to provide an elegant, consistent, and simple baseline to build upon. We use Reboot, a collection of element-specific CSS changes in a single file, to kickstart that.
|
Part of Bootstrap's job is to provide an elegant, consistent, and simple baseline to build upon. We use Reboot, a collection of element-specific CSS changes in a single file, to kickstart that.
|
||||||
|
|
||||||
Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some `<table>` styles for a simpler baseline and later provide `.table`, `.table-bordered`, and more.
|
Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some `<table>` styles for a simpler baseline and later provide `.table`, `.table-bordered`, and more.
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Tables
|
||||||
group: content
|
group: content
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Due to the widespread use of tables across third-party widgets like calendars and date pickers, we've designed our tables to be **opt-in**. Just add the base class `.table` to any `<table>`.
|
Due to the widespread use of tables across third-party widgets like calendars and date pickers, we've designed our tables to be **opt-in**. Just add the base class `.table` to any `<table>`.
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
|
@ -4,6 +4,17 @@ title: Typography
|
||||||
group: content
|
group: content
|
||||||
---
|
---
|
||||||
|
|
||||||
|
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||||
|
|
||||||
|
{% callout info %}
|
||||||
|
**Bootstrap Reference Documentation**
|
||||||
|
This is reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
|
||||||
|
It is being rendered with Material Design for Bootstrap to demonstrate default styling.
|
||||||
|
See addons(TODO: add link) for additional Material Design elements.
|
||||||
|
{% endcallout %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/components/utilities/).
|
Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/components/utilities/).
|
||||||
|
|
||||||
## Contents
|
## Contents
|
||||||
|
|
Loading…
Reference in New Issue
Block a user