Если вы изучали основы HTML, то сложностей в работе с текстом Bootstrap у вас не должно быть. А все потому, что вы можете использовать обычные теги, которые вы знаете из HTML для выделения текста жирным, курсивом, подчеркнутым, зачеркнутым и т.д. Все эти теги будут работать в Bootstrap. Давайте их просмотрим.
Полужирный текст
Если вам нужно сделать выбранную часть текста полужирным, используйте для этого тег <b></b>:
<b>Полужирный текст</b>
Жирный текст
Если вам нужно сделать выбранную часть текста жирным, используйте для этого тег <strong></strong>:
<strong>Акцентированный текст (жирное начертание)</strong>
Увеличить размер на одну единицу
Если вдруг на сайте нужно увеличить размер текущего шрифта на одну единицу, воспользуйтесь тегом <big></big>:
<big>Текст с увеличенным размером шрифта</big>
Уменьшить размер на одну единицу
Если на сайте нужно уменьшить размер текущего шрифта на одну единицу, воспользуйтесь тегом <small></small>:
<small>Текст с уменьшенным размером шрифта</small>
Программный код
Если вам нужно выделить программный код, воспользуйтесь тегами <code></code>:
<code>Программный код</code>
Акцентированный текст (курсивное начертание)
Для курсивного начертания текста воспользуйтесь тегами <em></em>:
<em>Акцентированный текст (курсивное начертание)</em>
Курсивное начертание текста
<i>Курсивное начертание текста</i>
Выделенный текст
Если вам нужно выделить текст фоновым цветом, используйте тег <mark></mark>:
<mark>Выделенный текст</mark>
Нижний и верхний индексы текста
Здесь, я думаю, объяснять ничего не нужно, сам принцип ясен:
<sub>Нижний</sub> и <sup>верхний</sup> индексы текста
Подчеркнутый текст
Если нужно подчеркнуть текст, пробуйте тег <ins></ins>:
<ins> Отображается подчеркнутый тест </ins>
Перечеркнутый текст
Если нужно перечеркнуть текст, пробуйте тег <del></del>:
<del>Отображается перечеркнутый текст </del>
Я скомбинирую все те теги в один код, чтобы посмотреть результат:
<p>Обычный текст</p> <p><b>Полужирное начертание текста</b></p> <p><strong>Акцентированный текст (жирное начертание)</strong></p> <p><big>Текст с увеличенным размером шрифта</big></p> <p><small>Текст с уменьшенным размером шрифта</small></p> <p><code>Программный код</code></p> <p><em>Акцентированный текст (курсивное начертание)</em></p> <p><i>Курсивное начертание текста</i></p> <p><mark>Выделенный текст</mark></p> <p><sub>Нижний</sub> и <sup>верхний</sup> индексы текста</p> <p><ins> Отображается тест подчеркнутым</ins></p> <p><del>Отображается текст как перечеркнутый</del></p>
Вот такой результат будет в итоге:
Вот такой простенький урок был на сегодня по Фреймворку Bootstrap. В следующих уроках вас ждут не менее интересные темы. Не пропустите! Подписывайтесь на обновления моего блога BlogGood.ru!
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330330 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274683 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222435 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187485 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186559
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐