Это основное уведомление — check it out!
Это дополнительное уведомление — check it out!
Это уведомление об успехе — check it out!
Это уведомление об опасности — check it out!
Это уведомление-предупреждение — check it out!
Это инфо-уведомление — check it out!
Это инфо-уведомление — check it out!
Это темное уведомление — check it out!
Пример HTML кода:
<div class="alert alert-primary" role="alert">
Это основное уведомление — check it out!
</div>
<div class="alert alert-secondary" role="alert">
Это дополнительное уведомление — check it out!
</div>
<div class="alert alert-success" role="alert">
Это уведомление об успехе — check it out!
</div>
<div class="alert alert-danger" role="alert">
Это уведомление об опасности — check it out!
</div>
<div class="alert alert-warning" role="alert">
Это уведомление-предупреждение — check it out!
</div>
<div class="alert alert-info" role="alert">
Это инфо-уведомление — check it out!
</div>
<div class="alert alert-light" role="alert">
Это инфо-уведомление — check it out!
</div>
<div class="alert alert-dark" role="alert">
Это темное уведомление — check it out!
</div>
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Пример HTML кода таблицы:
<table class="table">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Mark | Otto | @TwBootstrap |
3 | Jacob | Thornton | @fat |
4 | Larry the Bird |
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Пример HTML кода:
<blockquote class="blockquote">
<p class="mb-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Пример HTML кода:
<blockquote class="blockquote blockquote-reverse">
<p class="mb-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer></blockquote>
На этой странице вы можете посмотреть как выглядят различные текстовые элементы.
Заголовок h1
<h1>Заголовок h1</h1>
Вот так выглядит заголовок h1 в этом шаблоне.
Заголовок h2
<h2>Заголовок h2</h2>
Вот так выглядит заголовок h2 в этом шаблоне.
Заголовок h3
<h3>Заголовок h3</h3>
Вот так выглядит заголовок h3 в этом шаблоне.
Заголовок h4
<h4>Заголовок h4</h4>
Вот так выглядит заголовок h4 в этом шаблоне.