aboutsummaryrefslogtreecommitdiff
path: root/docs/components
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components')
-rw-r--r--docs/components/card.md2
-rw-r--r--docs/components/carousel.md2
-rw-r--r--docs/components/dropdowns.md12
-rw-r--r--docs/components/forms.md2
4 files changed, 10 insertions, 8 deletions
diff --git a/docs/components/card.md b/docs/components/card.md
index be9846a30..1bb0866fe 100644
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -226,7 +226,7 @@ Card headers can be styled by adding `.card-header` to `<h*>` elements.
## Header nav
-Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.pull-*-*` utility class for proper alignment.
+Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.float-*-*` utility class for proper alignment.
{% example html %}
<div class="card text-xs-center">
diff --git a/docs/components/carousel.md b/docs/components/carousel.md
index 64b012b0e..1e8d40113 100644
--- a/docs/components/carousel.md
+++ b/docs/components/carousel.md
@@ -14,6 +14,8 @@ A slideshow component for cycling through elements—images or slides of text—
## Example
+When building carousels, be sure your slides are the same size as one another. The carousel doesn't automatically crop images to the same dimensions for you across slides.
+
{% example html %}
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md
index 621b666f1..3e9948b3d 100644
--- a/docs/components/dropdowns.md
+++ b/docs/components/dropdowns.md
@@ -53,7 +53,7 @@ The best part is you can do this with any button variant, too:
<div class="bd-example">
<div class="btn-group">
- <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default</button>
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
@@ -63,7 +63,7 @@ The best part is you can do this with any button variant, too:
</div>
</div><!-- /btn-group -->
<div class="btn-group">
- <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary</button>
+ <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Secondary</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
@@ -138,8 +138,8 @@ We use this extra class to reduce the horizontal `padding` on either side of the
<div class="bd-example">
<div class="btn-group">
- <button type="button" class="btn btn-secondary">Default</button>
- <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <button type="button" class="btn btn-primary">Primary</button>
+ <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
@@ -151,8 +151,8 @@ We use this extra class to reduce the horizontal `padding` on either side of the
</div>
</div><!-- /btn-group -->
<div class="btn-group">
- <button type="button" class="btn btn-primary">Primary</button>
- <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <button type="button" class="btn btn-secondary">Secondary</button>
+ <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
diff --git a/docs/components/forms.md b/docs/components/forms.md
index 99f0d9a63..040f4f7e5 100644
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -539,7 +539,7 @@ When you need to place plain text next to a form label within a form, use the `.
<form class="form-inline">
<div class="form-group">
<label class="sr-only">Email</label>
- <p class="form-control-static">[email protected]</p>
+ <p class="form-control-static mb-0">[email protected]</p>
</div>
<div class="form-group">
<label for="inputPassword2" class="sr-only">Password</label>