Если посмотреть на список услуг хостинга Fornex, то видно, что не в последнюю очередь он ориентируется на веб-мастеров. Во-первых, кроме традиционных предложений есть: AntiDDoS защита, организация Backup, VPN и создание GEO-кластера. Во-вторых, имеется бесплатная базовая поддержка, партнерская программа, помощь с переносом проектов и хорошая цена/качество на SSD/VPS хостинг. К тому же среди клиентов Pikabu,Читать далее… >
Патриотизм — это последнее прибежище негодяя (Б. Франклин).
В этой главе мы поговорим о значках в Bootstrap. Значки похожи на метки; Основное отличие заключается в том, что углы более округлые.
Значки в основном используется для выделения новых или непрочитанных пунктов. Для того, чтобы использовать значки, надо только добавить <span class = “badge”> в ссылках, в навигации Bootstrap, и в других элементах.
Когда нет новых или непрочитанных, значки просто разрушатся через CSS селектор :empty, если содержимое не существует внутри.
Активный состояния навигации
Вы можете разместить значки в активных состояниях планшетов и списков навигации. Вы можете достичь этого путем размещения <span class = “badge”> для активных ссылок, как показано в следующем примере:
<h4>Пример активного состояния в планшете </h4>
<ul class = "nav nav-pills">
<li class = "active"><a href = "#">Главная <span class ="badge">42</span></a></li>
<li><a href = "#">Профиль</a></li>
<li><a href = "#">Сообщения <span class = "badge">3</span></a></li>
</ul>
<br>
<h4>Пример активного состояния в навигации</h4>
<ul class = "nav nav-pills nav-stacked" style = "max-width: "260px;">
<li class = "active">
<a href = "#">
<span class = "badge pull-right">42</span>
Home
</a>
</li>
<li><a href = "#">Профиль</a></li>
<li>
<a href = "#">
<span class = "badge pull-right">3</span>
Сообщения
</a>
</li>
</ul></span>
Просмотров: 143
Если статья понравилась, то поделитесь ей в социальных сетях:
Комментарии: