Skip to content

Commit

Permalink
docs: remove form-group class, fixes #1293
Browse files Browse the repository at this point in the history
  • Loading branch information
@thomaspark
thomaspark committed Feb 10, 2024
1 parent 36b93e9 commit 24adf35
Show file tree
Hide file tree
Showing 26 changed files with 572 additions and 572 deletions.
44 changes: 22 additions & 22 deletions docs/cerulean/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
<form>
<fieldset>
<legend>Legend</legend>
<div class="form-group row">
<div class="row">
<label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
</div>
</div>
<div class="form-group">
<div>
<label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<div>
<label for="exampleInputPassword1" class="form-label mt-4">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
</div>
<div class="form-group">
<div>
<label for="exampleSelect1" class="form-label mt-4">Example select</label>
<select class="form-select" id="exampleSelect1">
<option>1</option>
Expand All @@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
<select class="form-select" id="exampleDisabledSelect1" disabled>
<option>1</option>
Expand All @@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
<select multiple class="form-select" id="exampleSelect2">
<option>1</option>
Expand All @@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
<div class="form-group">
<div>
<label for="formFile" class="form-label mt-4">Default file input example</label>
<input class="form-control" type="file" id="formFile">
</div>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Radio buttons</legend>
<div class="form-check">
<input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Expand All @@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Checkboxes</legend>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
Expand All @@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Switches</legend>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
Expand All @@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Ranges</legend>
<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1">
Expand All @@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
</div>
<div class="col-lg-4 offset-lg-1">
<form class="bs-component">
<div class="form-group">
<div>
<fieldset disabled>
<label class="form-label" for="disabledInput">Disabled input</label>
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
</fieldset>
</div>

<div class="form-group">
<div>
<fieldset>
<label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
<input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
</fieldset>
</div>

<div class="form-group has-success">
<div class="has-success">
<label class="form-label mt-4" for="inputValid">Valid input</label>
<input type="text" value="correct value" class="form-control is-valid" id="inputValid">
<div class="valid-feedback">Success! You've done it.</div>
</div>

<div class="form-group has-danger">
<div class="has-danger">
<label class="form-label mt-4" for="inputInvalid">Invalid input</label>
<input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
<div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
</div>

<div class="form-group">
<div>
<label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
</div>

<div class="form-group">
<div>
<label class="col-form-label mt-4" for="inputDefault">Default input</label>
<input type="text" class="form-control" placeholder="Default input" id="inputDefault">
</div>

<div class="form-group">
<div>
<label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
</div>

<div class="form-group">
<div>
<label class="form-label mt-4">Input addons</label>
<div class="form-group">
<div>
<div class="input-group mb-3">
<span class="input-group-text">$</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
Expand All @@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
</div>
</div>

<div class="form-group">
<div>
<label class="form-label mt-4">Floating labels</label>
<div class="form-floating mb-3">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
Expand Down
44 changes: 22 additions & 22 deletions docs/cosmo/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -750,22 +750,22 @@ <h1 id="forms">Forms</h1>
<form>
<fieldset>
<legend>Legend</legend>
<div class="form-group row">
<div class="row">
<label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
</div>
</div>
<div class="form-group">
<div>
<label for="exampleInputEmail1" class="form-label mt-4">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<div>
<label for="exampleInputPassword1" class="form-label mt-4">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
</div>
<div class="form-group">
<div>
<label for="exampleSelect1" class="form-label mt-4">Example select</label>
<select class="form-select" id="exampleSelect1">
<option>1</option>
Expand All @@ -775,7 +775,7 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleSelect1" class="form-label mt-4">Example disabled select</label>
<select class="form-select" id="exampleDisabledSelect1" disabled>
<option>1</option>
Expand All @@ -785,7 +785,7 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleSelect2" class="form-label mt-4">Example multiple select</label>
<select multiple class="form-select" id="exampleSelect2">
<option>1</option>
Expand All @@ -795,15 +795,15 @@ <h1 id="forms">Forms</h1>
<option>5</option>
</select>
</div>
<div class="form-group">
<div>
<label for="exampleTextarea" class="form-label mt-4">Example textarea</label>
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
<div class="form-group">
<div>
<label for="formFile" class="form-label mt-4">Default file input example</label>
<input class="form-control" type="file" id="formFile">
</div>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Radio buttons</legend>
<div class="form-check">
<input class="form-check-input" type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Expand All @@ -824,7 +824,7 @@ <h1 id="forms">Forms</h1>
</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Checkboxes</legend>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
Expand All @@ -839,7 +839,7 @@ <h1 id="forms">Forms</h1>
</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Switches</legend>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
Expand All @@ -850,7 +850,7 @@ <h1 id="forms">Forms</h1>
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
</fieldset>
<fieldset class="form-group">
<fieldset>
<legend class="mt-4">Ranges</legend>
<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1">
Expand All @@ -866,50 +866,50 @@ <h1 id="forms">Forms</h1>
</div>
<div class="col-lg-4 offset-lg-1">
<form class="bs-component">
<div class="form-group">
<div>
<fieldset disabled>
<label class="form-label" for="disabledInput">Disabled input</label>
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
</fieldset>
</div>

<div class="form-group">
<div>
<fieldset>
<label class="form-label mt-4" for="readOnlyInput">Readonly input</label>
<input class="form-control" id="readOnlyInput" type="text" placeholder="Readonly input here..." readonly>
</fieldset>
</div>

<div class="form-group has-success">
<div class="has-success">
<label class="form-label mt-4" for="inputValid">Valid input</label>
<input type="text" value="correct value" class="form-control is-valid" id="inputValid">
<div class="valid-feedback">Success! You've done it.</div>
</div>

<div class="form-group has-danger">
<div class="has-danger">
<label class="form-label mt-4" for="inputInvalid">Invalid input</label>
<input type="text" value="wrong value" class="form-control is-invalid" id="inputInvalid">
<div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
</div>

<div class="form-group">
<div>
<label class="col-form-label col-form-label-lg mt-4" for="inputLarge">Large input</label>
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" id="inputLarge">
</div>

<div class="form-group">
<div>
<label class="col-form-label mt-4" for="inputDefault">Default input</label>
<input type="text" class="form-control" placeholder="Default input" id="inputDefault">
</div>

<div class="form-group">
<div>
<label class="col-form-label col-form-label-sm mt-4" for="inputSmall">Small input</label>
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" id="inputSmall">
</div>

<div class="form-group">
<div>
<label class="form-label mt-4">Input addons</label>
<div class="form-group">
<div>
<div class="input-group mb-3">
<span class="input-group-text">$</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
Expand All @@ -922,7 +922,7 @@ <h1 id="forms">Forms</h1>
</div>
</div>

<div class="form-group">
<div>
<label class="form-label mt-4">Floating labels</label>
<div class="form-floating mb-3">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
Expand Down

0 comments on commit 24adf35

Please sign in to comment.