1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-24 12:31:34 +02:00

Fix more IDs and fors

This commit is contained in:
Mark Otto
2025-09-19 09:28:35 -07:00
parent fc1df715ac
commit c2452278c7

View File

@@ -63,13 +63,13 @@ Consider margin utilities for additional spacing, and flex utilities for alignme
<Example code={`<b-checkgroup>
<div class="check">
<input type="checkbox" id="check" />
<input type="checkbox" id="checkLabel" />
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
<path class="checked" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
<path class="indeterminate" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/>
</svg>
</div>
<label for="check">Example new checkbox</label>
<label for="checkLabel">Example new checkbox</label>
</b-checkgroup>`} />
## Description
@@ -78,14 +78,14 @@ With this layout approach, you can easily add a description or other content aft
<Example code={`<b-checkgroup>
<div class="check">
<input type="checkbox" id="checkLabel" />
<input type="checkbox" id="checkDescription" />
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
<path class="checked" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
<path class="indeterminate" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/>
</svg>
</div>
<b-vstack>
<label for="checkLabel">Example new checkbox</label>
<label for="checkDescription">Example new checkbox</label>
<small class="description">Supporting description for the above label.</small>
</b-vstack>
</b-checkgroup>`} />