diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/scss/_component-examples.scss | 6 | ||||
| -rw-r--r-- | docs/content/images.md | 4 | ||||
| -rw-r--r-- | docs/examples/carousel/index.html | 6 | ||||
| -rw-r--r-- | docs/index.html | 2 |
4 files changed, 6 insertions, 12 deletions
diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss index b952d7517..da0a8d2e0 100644 --- a/docs/assets/scss/_component-examples.scss +++ b/docs/assets/scss/_component-examples.scss @@ -299,12 +299,6 @@ // Helpers .bd-example > { - .center-block:not(img) { - max-width: 200px; - padding: .5rem; - background-color: #eee; - } - .bg-primary, .bg-success, .bg-info, diff --git a/docs/content/images.md b/docs/content/images.md index e3e616de2..86d953354 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -60,11 +60,11 @@ Align images with the [helper float classes]({{ site.baseurl }}/components/utili {% endhighlight %} <div class="bd-example bd-example-images"> - <img data-src="holder.js/200x200" class="img-rounded center-block" alt="A generic square placeholder image with rounded corners"> + <img data-src="holder.js/200x200" class="img-rounded m-x-auto d-block" alt="A generic square placeholder image with rounded corners"> </div> {% highlight html %} -<img src="..." class="img-rounded center-block" alt="..."> +<img src="..." class="img-rounded m-x-auto d-block" alt="..."> {% endhighlight %} <div class="bd-example bd-example-images"> diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html index f0144bf3e..5364fb8f8 100644 --- a/docs/examples/carousel/index.html +++ b/docs/examples/carousel/index.html @@ -129,7 +129,7 @@ <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> </div> <div class="col-md-5"> - <img class="featurette-image img-fluid center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> + <img class="featurette-image img-fluid m-x-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> </div> </div> @@ -141,7 +141,7 @@ <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> </div> <div class="col-md-5 pull-md-7"> - <img class="featurette-image img-fluid center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> + <img class="featurette-image img-fluid m-x-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> </div> </div> @@ -153,7 +153,7 @@ <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p> </div> <div class="col-md-5"> - <img class="featurette-image img-fluid center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> + <img class="featurette-image img-fluid m-x-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image"> </div> </div> diff --git a/docs/index.html b/docs/index.html index 6f88f4254..86776fb24 100644 --- a/docs/index.html +++ b/docs/index.html @@ -87,7 +87,7 @@ title: Bootstrap · The world's most popular mobile-first and responsive f <a href="{{ site.themes }}" class="btn btn-bs btn-outline">Browse themes</a> </p> - <img class="img-fluid center-block" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388"> + <img class="img-fluid m-x-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388"> </div> </div> |