Марат-блог
Услуги по продвижению и разработке сайта
Отправить заявку
Заказать обратный звонок

Спасибо, Ваша заявка принята.

В ближайшее время менеджер свяжется с Вами.

Главная » Инструкции » Bootstrap » Bootstrap 3 - Иконки погоды

Bootstrap 3 - Иконки погоды

Бесплатный набор иконок для платформы Twitter Bootstrap, выполненный в виде шрифта, как Font Awesome и Glyphicons. Набор состоит из 123 значков, которые выполнены очень качественно и хорошо масштабируются.

Ниже приведены некоторые иконки из этого набора. С полным перечнем значков можно познакомиться на странице проекта "Weather-icons", который расположен на GitHub.

 

Установка иконок ни чем не отличается от Font Awesome и состоит, как правило, из 3 простых шагов. На первом шаге необходимо скачать zip архив и распаковать его в свой bootstrap проект.

Скачать с сайта Скачать с Github

На втором шаге необходимо подключить CSS файл weather-icons.min.css к веб-странице в разделе head.

<head>
...
<link rel="stylesheet" href="css/weather-icons.min.css">
...
</head>

 

На третьем шаге используем иконки, которые можно поместить практически в любом месте с помощью префикса wi и имени иконки.

Например:

<p style="font-size:30px;"><i class="wi wi-night-alt-lightning"></i><i class="wi wi-night-cloudy"></i><i class="wi wi-rain"></i></p>
<hr>
<p style="font-size:50px;"><i class="wi wi-sunrise"></i><i class="wi wi-night-fog"></i></p>
<hr>
<p style="font-size:100px;"><i class="wi wi-night-alt-snow-wind"></i></p>