Bootstrap Classes


Some classes of bootstrap are given below:
<p class=”text-left”>Left aligned text.</p>
<p class=”text-center”>Center aligned text.</p>
<p class=”text-right”>Right aligned text.</p>
<p class=”text-justify”>Justified text.</p>
<p class=”text-nowrap”>No wrap text.</p>

<p class=”text-lowercase”>Lowercased text.</p>
<p class=”text-uppercase”>Uppercased text.</p>
<p class=”text-capitalize”>Capitalized text.</p>

<table class=”table”>

</table>

<table class=”table table-striped”>

</table>

<table class=”table table-bordered”>

</table>

<table class=”table table-hover”>

</table>

<table class=”table table-condensed”>

</table>

<!– On rows –>
<tr class=”active”>…</tr>
<tr class=”success”>…</tr>
<tr class=”warning”>…</tr>
<tr class=”danger”>…</tr>
<tr class=”info”>…</tr>

<!– On cells (`td` or `th`) –>
<tr>
<td class=”active”>…</td>
<td class=”success”>…</td>
<td class=”warning”>…</td>
<td class=”danger”>…</td>
<td class=”info”>…</td>
</tr>


<!– Standard button –>
<button type=”button” class=”btn btn-default”>Default</button>

<!– Provides extra visual weight and identifies the primary action in a set of buttons –>
<button type=”button” class=”btn btn-primary”>Primary</button>

<!– Indicates a successful or positive action –>
<button type=”button” class=”btn btn-success”>Success</button>

<!– Contextual button for informational alert messages –>
<button type=”button” class=”btn btn-info”>Info</button>

<!– Indicates caution should be taken with this action –>
<button type=”button” class=”btn btn-warning”>Warning</button>

<!– Indicates a dangerous or potentially negative action –>
<button type=”button” class=”btn btn-danger”>Danger</button>

<!– Deemphasize a button by making it look like a link while maintaining button behavior –>
<button type=”button” class=”btn btn-link”>Link</button>

<a href=”#” class=”btn btn-primary btn-lg active” role=”button”>Primary link</a>
<a href=”#” class=”btn btn-default btn-lg active” role=”button”>Link</a>

<img src=”…” alt=”…” class=”img-rounded”>
<img src=”…” alt=”…” class=”img-circle”>
<img src=”…” alt=”…” class=”img-thumbnail”>

<p class=”text-muted”>…</p>
<p class=”text-primary”>…</p>
<p class=”text-success”>…</p>
<p class=”text-info”>…</p>
<p class=”text-warning”>…</p>
<p class=”text-danger”>…</p>

<span class=”caret”></span>

Have any Question or Comment?

One comment on “Bootstrap Classes

Leave a Reply

Your email address will not be published. Required fields are marked *




Calender

October 2020
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031