Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
diff --git a/docs/components/carousel.md b/docs/components/carousel.md index 138358f37a..0beb89f1c3 100644 --- a/docs/components/carousel.md +++ b/docs/components/carousel.md @@ -5,6 +5,11 @@ title: Carousel A slideshow component for cycling through elements—images or slides of text—like a carousel. **Nested carousels are not supported.** +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Example {% example html %} diff --git a/docs/components/code.md b/docs/components/code.md index 423987d92f..9c7f92bae1 100644 --- a/docs/components/code.md +++ b/docs/components/code.md @@ -5,6 +5,11 @@ title: Code Styles for inline code snippets and longer, multiline blocks of code. +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Inline code Wrap inline snippets of code with `code`. Be sure to escape HTML angle brackets. diff --git a/docs/components/collapse.md b/docs/components/collapse.md index e61fb82b52..e3eff9e69c 100644 --- a/docs/components/collapse.md +++ b/docs/components/collapse.md @@ -5,6 +5,11 @@ title: Collapse Flexible plugin that utilizes a handful of classes for easy toggle behavior. +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + {% callout danger %} #### Plugin dependency diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index a24093d9a1..f806f92568 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -5,6 +5,11 @@ title: Dropdowns Toggleable, contextual menu for displaying lists of links. Made interactive with the included dropdown JavaScript plugin. +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Example Wrap the dropdown's trigger and the dropdown menu within `.dropdown`, or another element that declares `position: relative;`. Then add the menu's HTML. diff --git a/docs/components/forms.md b/docs/components/forms.md index b2e2263b62..2c4e3979d3 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -5,6 +5,11 @@ title: Forms Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms. +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Form controls Bootstrap's form controls expand on [our Rebooted form styles](/components/reboot/#forms) with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices. The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes. diff --git a/docs/components/images.md b/docs/components/images.md index dca37a5e84..afcf1c9d2f 100644 --- a/docs/components/images.md +++ b/docs/components/images.md @@ -5,6 +5,11 @@ title: Images 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 + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Responsive images Images in Bootstrap are made responsive with `.img-responsive`. `max-width: 100%;` and `height: auto;` are applied to the image so that it scales with the parent element. diff --git a/docs/components/input-group.md b/docs/components/input-group.md index c89b44e87b..3c933b862f 100644 --- a/docs/components/input-group.md +++ b/docs/components/input-group.md @@ -5,6 +5,11 @@ title: Input group Easily extend form controls by adding text, buttons, or button groups on either side of textual ``s. +## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + ## Basic example Place one add-on or button on either side of an input. You may also place one on both sides of an input. **We do not support multiple add-ons on a single side, nor multiple form-controls in a single input group.** diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 6324032f53..6e6faf75f7 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -5,7 +5,12 @@ title: List group List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content. -Basic example
+## Contents + +* Will be replaced with the ToC, excluding the "Contents" header +{:toc} + +## Basic exampleThe most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.
{% example html %} @@ -18,7 +23,7 @@ List groups are a flexible and powerful component for displaying not only simple {% endexample %} -### Badges +## Badges Add the badges component to any list group item and it will automatically be positioned on the right. @@ -39,7 +44,7 @@ Add the badges component to any list group item and it will automatically be pos {% endexample %} -### Linked items +## Linked items Linkify list group items by using anchor tags instead of list items (that also means a parent `` instead of an `
{% endexample %}
-### Disabled items
+## Disabled items
Add `.disabled` to a `.list-group-item` to gray it out to appear disabled.
@@ -71,7 +76,7 @@ Add `.disabled` to a `.list-group-item` to gray it out to appear disabled.
- `). No need for individual parents around each element.
@@ -55,7 +60,7 @@ Linkify list group items by using anchor tags instead of list items (that also m