Это основное уведомление — 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 @twitter

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

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Mark Otto @TwBootstrap
3 Jacob Thornton @fat
4 Larry the Bird @twitter
  • 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

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.

Someone famous in Source Title

Пример 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 в этом шаблоне.

© 2024. Филиал «Протвино» государственного университета «Дубна»