Текст в Bootstrap оформляется набором классов. Название этих классов дублирует название CSS-свойств. Для большинства HTML-элементов также прописаны CSS-свойства, например заголовки h1-h6 в Bootstrap оформляются шрифтом без засечек, а размер текста задается: h1 — 36px, h2 — 30px, h3 — 24px, h4 — 18px, h5 — 14px, h6 — 12px. Если внутри заголовка будет HTML элемент small, то этот текст будет меньшего размера и покрашен серым текстом. Bootstrap задаёт по умолчанию глобально размер текста font-size равным 14px с высотой строки line-height — 1.428.
Текст в Bootstrap
Если параграф содержит класс .lead, он играет «лидирующую» роль — выделяется более крупным размером текста. HTML-элемент mark делает выделение не ярко желтым, а бледно бежевым цветом. Для выравнивания текста в Bootstrap применяются классы:
<p class="text-left">Выравнивание по левому краю.</p>
<p class="text-center">Выравнивание по центру.</p>
<p class="text-right">Выравнивание по правому краю.</p>
<p class="text-justify">Выравнивание по ширине.</p>
<p class="text-nowrap">Текст без переносов.</p>Классы трансформации текста 🙂 :
<p class="text-lowercase">текст с text-lowercase.</p>
<p class="text-uppercase">ТЕКСТ С TEXT-LOWERCASE.</p>
<p class="text-capitalize">Текст С Text-lowercase.</p>Блочная цитата имеет бордюр с левой стороны, который можно расположить справа классом .blockquote-reverse:
<blockquote class="blockquote-reverse">
<p>Скажи-ка, дядя, ведь не даром
Москва, спаленная пожаром,
Французу отдана?.</p>
<footer>Лермонтов <cite title="Бородино">Бородино</cite></footer>
</blockquote>Если нужно сделать список (ul, ol) горизонтальным, применяется класс .list-inline (display: inline-block;)
Подробней об оформлении текста в Bootstrap