mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-29 08:10:47 +02:00
Code Issues Releases Wiki Activity

Docs: display examples based on the docs current color mode (#37562)

Browse Source 
* Docs: display examples based on the docs current color mode

* Fix _default/examples.html
This commit is contained in:
Julien Déramond
2022-12-29 07:58:35 +01:00
committed by GitHub
parent baf5d4c4c1
commit 8befabbde9
27 changed files with 54 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.3/examples/jumbotron/index.html
View File

@@ -13,7 +13,7 @@ include_js: false
</a>
</header>
<div class="p-5 mb-4 bg-light rounded-3">
<div class="p-5 mb-4 bg-body-tertiary rounded-3">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold">Custom jumbotron</h1>
<p class="col-md-8 fs-4">Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.</p>
@@ -30,7 +30,7 @@ include_js: false
</div>
</div>
<div class="col-md-6">
<div class="h-100 p-5 bg-light border rounded-3">
<div class="h-100 p-5 bg-body-tertiary border rounded-3">
<h2>Add borders</h2>
<p>Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.</p>
<button class="btn btn-outline-secondary" type="button">Example button</button>