Настройки шаблона
- Просмотров: 259
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-dark">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-body text-dark">.bg-body</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>
- Просмотров: 274
Заголовки
Заголовок | Пример |
---|---|
<h1></h1> |
h1. Bootstrap heading |
<h2></h2> |
h2. Bootstrap heading |
<h3></h3> |
h3. Bootstrap heading |
<h4></h4> |
h4. Bootstrap heading |
<h5></h5> |
h5. Bootstrap heading |
<h6></h6> |
h6. Bootstrap heading |
Списки
- are unaffected by this style
- will still show a bullet
- and have appropriate left margin
<ul>
<li>are unaffected by this style</li>
<li>will still show a bullet</li>
<li>and have appropriate left margin</li>
</ul>
- are unaffected by this style
- will still show a bullet
- and have appropriate left margin
<ol>
<li>are unaffected by this style</li>
<li>will still show a bullet</li>
<li>and have appropriate left margin</li>
</ol>
- Просмотров: 276
По умолчанию изображение логотипа выводится из папки шаблона. У вас есть возможность загрузить и вывести свое изображение. Рекомендуемый размер изображения логотипа 100х100 px.
Вместо изображения по желанию можно использовать текст. Заполните поле Текст вместо логотипа, настройте цвет и размер шрифта.
Для удобства оформления заголовок разделен на три блока (строки). Для каждой строки имеется возможность настроить размер, толщину и цвет шрифта. Поле ввода текста воспринимает HTML-теги, что расширяет возможности настройки внешнего вида заголовка.
В шапке шаблона предусмотрена возможность отображения до 4-х кнопок-ссылок, которые могут перенаправлять пользователя на внешние ресурсы или страницы сайта.
Внешний вид кнопок задается с помощью классов Bootstrap. Классы можно посмотреть на сайте Bootstrap или на странице этого демонстрационного сайта Кнопки