Scribd
Upload
9 views2 pages

Bootstrap Cheat Sheet

This document is a Bootstrap cheat sheet focusing on forms and tables. It includes HTML code snippets for creating a form with email, password, and checkbox inputs, as well as a table structure for displaying data. The cheat sheet serves as a quick reference for implementing Bootstrap components in web development.

Uploaded by

s-mohamed.farouk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views2 pages

Bootstrap Cheat Sheet

This document is a Bootstrap cheat sheet focusing on forms and tables. It includes HTML code snippets for creating a form with email, password, and checkbox inputs, as well as a table structure for displaying data. The cheat sheet serves as a quick reference for implementing Bootstrap components in web development.

Uploaded by

s-mohamed.farouk
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Bootstrap Cheat Sheet.

md 2025-05-11

Bootstrap Cheat Sheet (Tables and Forms)


Forms

<form>
<div class="form-group">
<label for="exampleInputEmail1">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">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1"
placeholder="Password">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>

Forms Output

Tables

<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Name</th>
<th scope="col">Password</th>
</tr>
</thead>
<tbody>
@for (int i = 0; i < @Model.dt.Rows.Count; i++)
{
<tr>
<th scope="row">@i</th>
@for (int j=0; j<@Model.dt.Columns.Count; j++)
{
<td>@Model.dt.Rows[i][j]</td>
}
</tr>
}

1/2
Bootstrap Cheat Sheet.md 2025-05-11

</tbody>
</table>

Tables output

2/2

You might also like