CSS

Вот и подошел наш курс по Bootstrap 3 к концу. Я надеюсь, что вы поняли, что такое bootstrap, где и как его можно применять, а так же где искать информацию по различным настройкам и функциям.

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

Давайте сначала посмотрим, что мы имеем (демо). Как видно, у нас просто выпадающее меню, которое сейчас не выпадает. Ни стилей - ничего. А ниже код этого безобразия

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

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

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

Scroll Up