Bootstrap — это, конечно, хорошо. Но что делать, если мы хотим использовать все-таки свои стили, по крайней мере, в некоторых случаях?! А для этого нам нужно просто создать свой файл custom.css и уже в нем переписывать стили. Давайте для начала создадим этот файл в папке css, а потом подключим к нашему файлу .html
По умолчанию таблицы в HTML выглядят достаточно убого, но с Bootstrap это очень хорошо решается. Давайте для начала посмтрим, что как выглядит таблица по умолчанию:
Давайте взглянем на демо и подумаем, а что же мы можем сделать с этими убогими картинками. Давайте вспомним все то, что изучали ранее и применим на практике. Составим примерный план:
Сегодня поговорим о встраиваемых иконках Bootstrap, с которыми вы можете ознакомиться на страницах getbootstrap.com
По умолчанию все картинки в Bootstrap не являются отзывчивыми, т.е. не меняют свой размер в зависимости от экрана, но такая возможность. Для этого к каждой картинке нужно добавить специальный класс img-responsive
Одна из самых основных вещей, которая мне нравится в Bootstrap — это стилизация кнопок, учитвая убожество стандартных кнопок. Всего пару классов и наша кнопка становится классной. Давайте сразу посмотрим демо, а уже потом будем разбираться, что к чему.
Давайте еще раз взглянем на нашу работу, которую мы делали ранее (демо). Если смотреть в большом разрешении, то все отлично, но вот есть смотреть в очень маленьком разрешении (менее 768px), то наша картинка с животным смещается на второй ряд.
С Bootstrap 3 идут различные стили, которые вы можете использовать. Пройдя до данного урока вы уже должны были заменить, что с Bootstrap'ом идут тонны стайлинга, хотя мы еще ничего даже и применить не успели.
А теперь пришло время домашнему заданию. Я вам дам неотформатированный исходник, а вы из него должны сделать что-нибудь красивое, приятное глазу, основываясь на изученном ранее материале.
Попробую объяснить, что такое Jumbotron. Ниже представленка картинка, и вот слайдер на ней вполне сошел бы за Jumbotron, т.е. это что-то такое длинное на весь экран, большое, "кричащее", заставляющее обратить на себя внимание.