mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-26 03:24:05 +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, '\\$&');
|
||||
};
|
||||
|
||||
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 path = require('path');
|
||||
var glob = require('glob');
|
||||
|
@ -373,6 +383,12 @@ module.exports = function (grunt) {
|
|||
dest: 'docs/dist/'
|
||||
},
|
||||
'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,
|
||||
cwd: '../bootstrap/docs/assets/scss',
|
||||
src: [
|
||||
|
@ -382,6 +398,12 @@ module.exports = function (grunt) {
|
|||
dest: 'docs/assets/scss/'
|
||||
},
|
||||
'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,
|
||||
cwd: '../bootstrap/docs/components',
|
||||
src: [
|
||||
|
@ -390,6 +412,12 @@ module.exports = function (grunt) {
|
|||
dest: 'docs/components/'
|
||||
},
|
||||
'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,
|
||||
cwd: '../bootstrap/docs/content',
|
||||
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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
.anchorjs-link {
|
||||
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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
//
|
||||
// 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
|
||||
//
|
||||
// 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
|
||||
//
|
||||
// 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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
// clipboard.js
|
||||
//
|
||||
// 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
|
||||
//
|
||||
|
|
|
@ -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`.
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
//
|
||||
// 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 {
|
||||
margin-right: -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 {
|
||||
padding-top: 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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
.bd-masthead {
|
||||
position: relative;
|
||||
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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
.bd-pageheader {
|
||||
padding: 2rem ($grid-gutter-width / 2);
|
||||
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
|
||||
//
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
// DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by grunt docs-copy-bootstrap-docs
|
||||
|
||||
//
|
||||
// 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 {
|
||||
display: block;
|
||||
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 }
|
||||
.c { color: #999; }
|
||||
.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 {
|
||||
margin-bottom: 1.5rem;
|
||||
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Alerts
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Breadcrumb
|
|||
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.
|
||||
|
||||
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
|
||||
---
|
||||
|
||||
[//]: # 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.
|
||||
|
||||
{% callout danger %}
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Button group
|
|||
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).
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -5,6 +5,17 @@ group: 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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Cards
|
|||
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.
|
||||
|
||||
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
|
||||
---
|
||||
|
||||
[//]: # 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.**
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Collapse
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Dropdowns
|
|||
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/)
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Forms
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Input group
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Jumbotron
|
|||
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.
|
||||
|
||||
## Example
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Labels
|
|||
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.
|
||||
|
||||
## Example
|
||||
|
|
|
@ -4,6 +4,17 @@ title: List group
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Modal
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Navbar
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Navs
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Pagination
|
|||
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).
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Popovers
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Progress
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Scrollspy
|
|||
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
|
||||
|
||||
* Will be replaced with the ToC, excluding the "Contents" header
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Tooltips
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Utility classes
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Code
|
|||
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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Figures
|
|||
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>`.
|
||||
|
||||
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
|
||||
---
|
||||
|
||||
[//]: # 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.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -5,6 +5,17 @@ group: 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.
|
||||
|
||||
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
|
||||
---
|
||||
|
||||
[//]: # 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>`.
|
||||
|
||||
## Contents
|
||||
|
|
|
@ -4,6 +4,17 @@ title: Typography
|
|||
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/).
|
||||
|
||||
## Contents
|
||||
|
|
Loading…
Reference in New Issue
Block a user