1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

Fix unnecessary classes (#33850)

* Fix unnecessary classes

* Removed unnecessary div

Co-authored-by: Mark Otto <otto@github.com>

* Updated centered hero primary button classes

Co-authored-by: Mark Otto <otto@github.com>
This commit is contained in:
jrn2778 2021-05-06 19:10:23 -04:00 committed by GitHub
parent 9ad9ca3537
commit eb73a2fc6f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -15,7 +15,7 @@ body_class: ""
<div class="col-lg-6 mx-auto"> <div class="col-lg-6 mx-auto">
<p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the worlds most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p> <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the worlds most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button type="button" class="btn btn-primary btn-lg px-4 me-sm-3">Primary button</button> <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button>
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button> <button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button>
</div> </div>
</div> </div>
@ -100,10 +100,8 @@ body_class: ""
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button> <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
</div> </div>
</div> </div>
<div class="col-lg-4 offset-lg-1 p-0 position-relative overflow-hidden shadow-lg"> <div class="col-lg-4 offset-lg-1 p-0 overflow-hidden shadow-lg">
<div class="position-lg-absolute top-0 left-0 overflow-hidden"> <img class="rounded-lg-3" src="bootstrap-docs.png" alt="" width="720">
<img class="d-block rounded-lg-3" src="bootstrap-docs.png" alt="" width="720">
</div>
</div> </div>
</div> </div>
</div> </div>