ript>
На данной странице представлены способы оформления контента сайта.
<h2>Заголовок h2</h2>
<h3>Заголовок h3</h3>
<h4>Заголовок h4</h4>
<h5>Заголовок h5</h5>
<h6>Заголовок h6</h6>
<ul>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
</ul>
<ol>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
</ol>
<table>
<tbody>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
</tbody>
</table>
Ячейка | Ячейка | Ячейка |
Ячейка | Ячейка | Ячейка |
Ячейка | Ячейка | Ячейка |
<b>Полужирный текст</b>
Полужирный текст
<i>Курсивный текст</i>
Курсивный текст
<a href="/здесь-ссылка/">Ссылка</a>
<blockquote>Тут размещается длинный текст цитаты</blockquote>
Тут размещается длинный текст цитаты
Для удобства доработки шаблона мы добавили поддержку сетки Bootstrap. Наименование классов аналогично официальным, описанным в документации. Но для всех классов добавляется префикс bs-
. Например, bs-container
вместо container
или bs-row
вместо row
.
<div class="bs-container">
<div class="bs-row">
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
</div>
<div class="bs-row">
<div class="bs-col-8">bs-col-8</div>
<div class="bs-col-4">bs-col-4</div>
</div>
</div>
<div class="accordeon">
<a href="#" class="name">Заголовок аккордеона</a>
<div class="text">Большое описание, но скрытое.</div>
</div>
<div class="accordeon">
<a href="#" class="name">Заголовок аккордеона</a>
<div class="text">Большое описание, но скрытое.</div>
</div>
<hr>