Блог WSM

Bootstrap — это, конечно, хорошо. Но что делать, если мы хотим использовать все-таки свои стили, по крайней мере, в некоторых случаях?! А для этого нам нужно просто создать свой файл custom.css и уже в нем переписывать стили. Давайте для начала создадим этот файл в папке css, а потом подключим к нашему файлу .html

Сегодня я расскажу вам алгоритм написания статей для сайта на примере zhenomaniya.ru. Итак, не надо писать бездумно, непонятно о чем, т.к. это будет большая трата денег или (и) времени на ветер.

По умолчанию таблицы в HTML выглядят достаточно убого, но с Bootstrap это очень хорошо решается. Давайте для начала посмтрим, что как выглядит таблица по умолчанию:

По умолчанию все картинки в Bootstrap не являются отзывчивыми, т.е. не меняют свой размер в зависимости от экрана, но такая возможность. Для этого к каждой картинке нужно добавить специальный класс img-responsive

Сейчас очень многие сайты используют новый дизайн рубля, вставляют его либо картинкой, либо кто-то пользуется шрифтом. Я же предлагаю вам сразу 2 варианта и начну с картинки. Просто скачивайте ее и вырезайте в фотошопе или любом другом редакторе нужную букву.

Одна из самых основных вещей, которая мне нравится в Bootstrap — это стилизация кнопок, учитвая убожество стандартных кнопок. Всего пару классов и наша кнопка становится классной. Давайте сразу посмотрим демо, а уже потом будем разбираться, что к чему.

Давайте еще раз взглянем на нашу работу, которую мы делали ранее (демо). Если смотреть в большом разрешении, то все отлично, но вот есть смотреть в очень маленьком разрешении (менее 768px), то наша картинка с животным смещается на второй ряд.

Scroll Up
Adblock detector