mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Examples: use our utilities more. (#29358)

Browse Source
This commit is contained in:
XhmikosR
2019-09-02 19:19:25 +03:00
committed by GitHub
parent 88d7d8b822
commit d0affaa2ec
5 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/4.3/examples/checkout/form-validation.css
-2
View File
@@ -1,5 +1,3 @@
.container {
max-width: 960px;
}
.lh-condensed { line-height: 1.25; }
site/content/docs/4.3/examples/checkout/index.html
+4 -4
View File
@@ -22,21 +22,21 @@ body_class: "bg-light"
<span class="badge bg-secondary rounded-pill">3</span>
</h4>
<ul class="list-group mb-3">
<li class="list-group-item d-flex justify-content-between lh-condensed">
<li class="list-group-item d-flex justify-content-between lh-sm">
<div>
<h6 class="my-0">Product name</h6>
<small class="text-muted">Brief description</small>
</div>
<span class="text-muted">$12</span>
</li>
<li class="list-group-item d-flex justify-content-between lh-condensed">
<li class="list-group-item d-flex justify-content-between lh-sm">
<div>
<h6 class="my-0">Second product</h6>
<small class="text-muted">Brief description</small>
</div>
<span class="text-muted">$8</span>
</li>
<li class="list-group-item d-flex justify-content-between lh-condensed">
<li class="list-group-item d-flex justify-content-between lh-sm">
<div>
<h6 class="my-0">Third item</h6>
<small class="text-muted">Brief description</small>
@@ -92,7 +92,7 @@ body_class: "bg-light"
<span class="input-group-text">@</span>
</div>
<input type="text" class="form-control" id="username" placeholder="Username" required>
<div class="invalid-feedback" style="width: 100%;">
<div class="invalid-feedback w-100">
Your username is required.
</div>
</div>