added bootstrap reference documentation headings

This commit is contained in:
Kevin Ross 2015-12-06 07:56:59 -06:00
parent 53d0b661bb
commit 97b11afbc4
52 changed files with 391 additions and 0 deletions

View File

@ -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: [

View File

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

View File

@ -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;
} }

View File

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

View File

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

View File

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

View File

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

View File

@ -1,3 +1,5 @@
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
// //
// Callouts // Callouts
// //

View File

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

View File

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

View File

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

View File

@ -1,3 +1,5 @@
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
// //
// Examples // Examples
// //

View File

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

View File

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

View File

@ -1,3 +1,5 @@
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
// //
// Footer // Footer
// //

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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).

View File

@ -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 %}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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