mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-14 18:42:30 +03:00
docs(cheatsheet): various fixes
This commit is contained in:
Gaël Poupard
@@ -2,9 +2,9 @@
|
||||
layout: examples
|
||||
title: Cheatsheet
|
||||
extra_css:
|
||||
- "cheatsheet.css"
|
||||
- "cheatsheet.css"
|
||||
extra_js:
|
||||
- src: "cheatsheet.js"
|
||||
- src: "cheatsheet.js"
|
||||
body_class: "bg-light"
|
||||
---
|
||||
|
||||
@@ -22,48 +22,48 @@ body_class: "bg-light"
|
||||
<nav class="small" id="toc">
|
||||
<ul class="list-unstyled">
|
||||
<li class="my-2">
|
||||
<a class="collapsed font-weight-bold d-inline-flex align-items-center" data-bs-toggle="collapse" role="button" aria-expanded="false" href="#contents-collapse" aria-controls="contents-collapse">Contents</a>
|
||||
<button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#contents-collapse" aria-controls="contents-collapse">Contents</button>
|
||||
<ul class="list-unstyled ps-3 collapse" id="contents-collapse">
|
||||
<li><a href="#typography">Typography</a></li>
|
||||
<li><a href="#images">Images</a></li>
|
||||
<li><a href="#tables">Tables</a></li>
|
||||
<li><a href="#figures">Figures</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#typography">Typography</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#images">Images</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#tables">Tables</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#figures">Figures</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="my-2">
|
||||
<a class="collapsed font-weight-bold d-inline-flex align-items-center" data-bs-toggle="collapse" role="button" aria-expanded="false" href="#forms-collapse" aria-controls="forms-collapse">Forms</a>
|
||||
<button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#forms-collapse" aria-controls="forms-collapse">Forms</button>
|
||||
<ul class="list-unstyled ps-3 collapse" id="forms-collapse">
|
||||
<li><a href="#overview">Overview</a></li>
|
||||
<li><a href="#disabled-forms">Disabled forms</a></li>
|
||||
<li><a href="#sizing">Sizing</a></li>
|
||||
<li><a href="#input-group">Input group</a></li>
|
||||
<li><a href="#floating-labels">Floating labels</a></li>
|
||||
<li><a href="#validation">Validation</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#overview">Overview</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#disabled-forms">Disabled forms</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#sizing">Sizing</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#input-group">Input group</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#floating-labels">Floating labels</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#validation">Validation</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="my-2">
|
||||
<a class="collapsed font-weight-bold d-inline-flex align-items-center" data-bs-toggle="collapse" role="button" aria-expanded="false" href="#components-collapse" aria-controls="components-collapse">Components</a>
|
||||
<button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#components-collapse" aria-controls="components-collapse">Components</button>
|
||||
<ul class="list-unstyled ps-3 collapse" id="components-collapse">
|
||||
<li><a href="#accordion">Accordion</a></li>
|
||||
<li><a href="#alerts">Alerts</a></li>
|
||||
<li><a href="#badge">Badge</a></li>
|
||||
<li><a href="#breadcrumb">Breadcrumb</a></li>
|
||||
<li><a href="#buttons">Buttons</a></li>
|
||||
<li><a href="#button-group">Button group</a></li>
|
||||
<li><a href="#card">Card</a></li>
|
||||
<li><a href="#carousel">Carousel</a></li>
|
||||
<li><a href="#dropdowns">Dropdowns</a></li>
|
||||
<li><a href="#list-group">List group</a></li>
|
||||
<li><a href="#modal">Modal</a></li>
|
||||
<li><a href="#navs">Navs</a></li>
|
||||
<li><a href="#navbar">Navbar</a></li>
|
||||
<li><a href="#pagination">Pagination</a></li>
|
||||
<li><a href="#popovers">Popovers</a></li>
|
||||
<li><a href="#progress">Progress</a></li>
|
||||
<li><a href="#scrollspy">Scrollspy</a></li>
|
||||
<li><a href="#spinners">Spinners</a></li>
|
||||
<li><a href="#toasts">Toasts</a></li>
|
||||
<li><a href="#tooltips">Tooltips</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#accordion">Accordion</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#alerts">Alerts</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#badge">Badge</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#breadcrumb">Breadcrumb</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#buttons">Buttons</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#button-group">Button group</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#card">Card</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#carousel">Carousel</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#dropdowns">Dropdowns</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#list-group">List group</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#modal">Modal</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#navs">Navs</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#navbar">Navbar</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#pagination">Pagination</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#popovers">Popovers</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#progress">Progress</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#scrollspy">Scrollspy</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#spinners">Spinners</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#toasts">Toasts</a></li>
|
||||
<li><a class="d-inline-flex align-items-center rounded" href="#tooltips">Tooltips</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -71,7 +71,7 @@ body_class: "bg-light"
|
||||
</aside>
|
||||
<div class="bd-cheatsheet container-fluid bg-white">
|
||||
<section id="content">
|
||||
<h2 class="sticky-xl-top font-weight-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Contents</h2>
|
||||
<h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Contents</h2>
|
||||
|
||||
<article class="my-3" id="typography">
|
||||
<div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
|
||||
@@ -317,7 +317,7 @@ body_class: "bg-light"
|
||||
</section>
|
||||
|
||||
<section id="forms">
|
||||
<h2 class="sticky-xl-top font-weight-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Forms</h2>
|
||||
<h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Forms</h2>
|
||||
|
||||
<article class="my-3" id="overview">
|
||||
<div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
|
||||
@@ -509,7 +509,7 @@ body_class: "bg-light"
|
||||
|
||||
<div>
|
||||
{{< example show_markup="false" >}}
|
||||
<form class="row g-3">
|
||||
<form>
|
||||
<div class="form-floating mb-3">
|
||||
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
|
||||
<label for="floatingInput">Email address</label>
|
||||
@@ -600,7 +600,7 @@ body_class: "bg-light"
|
||||
</section>
|
||||
|
||||
<section id="components">
|
||||
<h2 class="sticky-xl-top font-weight-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Components</h2>
|
||||
<h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">Components</h2>
|
||||
|
||||
<article class="my-3" id="accordion">
|
||||
<div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
|
||||
|
||||
Reference in New Issue
Block a user