Программирование

В прошлом уроке мы сделали обычную кнопку, которую видно, когда меню не влазит в экран браузера

Чтобы долго не объяснять, что мы сейчас будем делать, посмотрите демо1 и демо2 при очень маленьком размере экрана... Неплохо, неправда ли? Появляется кнопочка, которая делает наше меню выпадающим.

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

Давайте разберем создание навигационной цепочки с помощью классов Bootstrap, давайте посмотрим демо. Для этого наша цепочка должна быть просто в теге списков <ul> или <ol>

У нас есть исходный файл, который нам нужно преобразовать и получить вот это. Для этого составим план работ:

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

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

Давайте взглянем на демо и подумаем, а что же мы можем сделать с этими убогими картинками. Давайте вспомним все то, что изучали ранее и применим на практике. Составим примерный план:

Сегодня поговорим о встраиваемых иконках Bootstrap, с которыми вы можете ознакомиться на страницах getbootstrap.com