Шрифт:
<div class=«row»>
<div class=«col-sm-10»>
<! – content – >
</div>
</div>
</div>
<! – /content-out – >
<! – footer-outer – >
<div class=«container footer»>
<p style=«position: fixed; bottom: 12px; right: 5px; opacity: 1; cursor: pointer;"> <a href=«#top» style=«color: white;"> Top </a>
<div class=«row»>
<div class=«col-*-* text-center»>
<script type=«text/javascript» src="//yandex.st/share/share. js» charset=«utf-8»> </script>
</div>
<div class=«row» style=«color: darkblue;»>
<div class=«col-*-* text-center»>
<br/>
© 2016 <strong> </strong>
<strong> admin@.com </strong>
</div>
</div>
</div>
<! – /footer-outer – >
Bootstrap Text/Typography
По умолчанию, глобальный размер шрифта Bootstrap, применяемый к тегу <body> и ко всем тегам , является 14px, с высотой линии 1.428.
Кроме того, все элементы имеют нижний margin-отступ, равный половине компьютерной высоте строки (10px по умолчанию).
Bootstrap заголовки <h1> – <h6> имеют следующий размер:
h1 – 36px
h2 – 30px
h3 – 24px
h4 – 18px
h5 – 14px
h6 – 12px
Для добавления вспомогательных заголовков используется тег <small>, который устанавливает размер шрифта 85%:
<h1> h1 heading <small> secondary text </small> </h1>
С помощью класса class = «lead» можно слегка увеличить размер шрифта параграфа:
<p class = «lead»> This is an example paragraph demonstrating the use of lead body copy.
Тег <strong> делает шрифт жирным.
Тег <em> выделяет текст курсивом.
Для выравнивания и выделения текста цветом применяются классы:
<p class = «text-left»> Left aligned text.
<p class = «text-center»> Center aligned text.
<p class = «text-right»> Right aligned text.
<p class=«text-lowercase»> Lowercased text.
<p class=«text-uppercase»> Uppercased text.
<p class=«text-capitalize»> Capitalized text.
Подгонка текста под ширину экрана:
<p class=«text-justify»> Justified text. Justified text. Justified text.
Отмена переноса строк:
<p class=«text-nowrap»> No wrap text. No wrap text. No wrap text.
Выделение цветом:
<p class = «text-muted»> This content is muted
<p class = «text-primary»> This content carries a primary class
<p class = «text-success»> This content carries a success class
<p class = «text-info»> This content carries a info class
<p class = «text-warning»> This content carries a warning class
<