На этой странице вы можете посмотреть как выглядят различные текстовые элементы.

Заголовок h1

<h1>Заголовок h1</h1>

Вот так выглядит заголовок h1 в этом шаблоне.

Заголовок h2

<h2>Заголовок h2</h2>

Вот так выглядит заголовок h2 в этом шаблоне.

Заголовок h3

<h3>Заголовок h3</h3>

Вот так выглядит заголовок h3 в этом шаблоне.

Заголовок h4

<h4>Заголовок h4</h4>

Вот так выглядит заголовок h4 в этом шаблоне.

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>

• Phasellus iaculis neque
• Purus sodales ultricies
• Vestibulum laoreet porttitor sem
• Ac tristique libero volutpat at

1. Phasellus iaculis neque
2. Purus sodales ultricies
3. Vestibulum laoreet porttitor sem
4. Ac tristique libero volutpat at

• Phasellus iaculis neque
• Purus sodales ultricies
• Vestibulum laoreet porttitor sem
• Ac tristique libero volutpat at

Пример 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>

Пример 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>