Изучение Bootstrap

Уроки 1-8

Главная Bootstrap

Верстка при помощи сеток (Grid-system)

Система сеток и адаптивное меню

Пример адаптивных блоков:

Пример меню навигации:

Стили для текста

Пример абзаца текста 1 Тег small (85% от основного)

Пример абзаца текста 2 Тег mark (выделение)

Равнение по левому краю

Равнение по центру

Равнение по правому краю

Равнение по обоим краям

Текст без переносов

Некая цитата 1!

Некая цитата 2!

Верхний регистр

НИЖНИЙ РЕГИСТР

заглавные буквы каждого слова

Тег code:

Тег pre:

    for (i=0; i<=10; i++) {
    echo "Hi!";
    }

Класс text-muted

Класс text-primary

Класс text-success

Класс text-warning

Класс text-danger

Работа с таблицами

Кнопки и группы кнопок

Создание форм

Пример формы 1:

Пример формы 2:

Иконочный шрифт и изображения

Яблочко:

Пример картинки: