diff options
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/card.md | 2 | ||||
| -rw-r--r-- | docs/components/carousel.md | 2 | ||||
| -rw-r--r-- | docs/components/dropdowns.md | 12 | ||||
| -rw-r--r-- | docs/components/forms.md | 2 |
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> |
