Bootstrap в примерах

Об авторе
О техническом рецензенте
Предисловие
О чем рассказывается в этой книге
Что потребуется для работы с книгой
Кому адресована эта книга
Соглашения
Отзывы и пожелания
Загрузка исходного кода примеров
Список опечаток
Нарушение авторских прав
Вопросы
Загрузка цветных изображений для книги
Глава 1. Начало
Получение Bootstrap
Установка фреймворка
Структура папок
Простой пример
Теги, необходимые Bootstrap
Создание первого примера с использованием
Bootstrap
Тег контейнера
Необязательность использования CDN
Деятельность сообщества
Инструменты
Bootstrap и веб-приложения
Совместимость с браузерами
Итоги
Глава 2. Создание надежной основы
Суть сеточной системы
Построение основы
Настройка
Смещение столбцов
Завершение строк сетки
Вложение строк
Завершение сетки
Контейнер container-fluid
Нам не хватает оформления!
Заголовки повсюду
Поиграем с кнопками
Подробнее об оформлении и тегах
Управление таблицами
Стилизация кнопок
Как босс!
Заключительные соображения
Расчет размеров
Выравнивание плавающих элементов
Метод clearfix
Определение шрифтов для оформления
Итоги
Глава 3. Да, в первую очередь для мобильных
устройств
Что делает его великим
Bootstrap и разработка в первую очередь для
мобильных
устройств
Отладка для различных областей просмотра в
браузере
Наведение порядка
Создание целевой страницы для разных устройств
Мобильные и сверхмалые устройства
Планшеты и малые устройства
Настольные и большие устройства
Итоги
Глава 4. Применение стилей Bootstrap
Изменение компоновки сетки
Начало создания сеточной системы
Формирование форм
Изображения
Вспомогательные классы
Итоги
Глава 5. Что делает его фантастическим
Использование значков в Bootstrap
Займемся навигацией
Свертывание панели навигации
Иные способы размещения
Цвет навигационной панели
Раскрывающееся меню
Настройка кнопок с раскрывающимся списком
Группировка элементов ввода
Готовимся к использованию разметки Flexbox!
Основные понятия Flexbox
Эксперименты с Bootstrap и Flexbox
Итоги
Глава 6. Можно ли создать веб-приложение?
Что такое веб-приложение
Создание структуры кода
Добавление навигации
Добавление поля ввода для поиска
Пришло время создания пунктов меню!
Настройка навигационной панели
Вам нужен бейдж!
Решение проблем навигационной панели
И снова сетка
Эксперименты с карточками
Карточки в Bootstrap 4
Создание собственных карточек
Добавление карточки в веб-приложение
Карточка с миниатюрами
Наполнение содержимым основного раздела
Создание ленты
Разделение списка сообщений на страницы
Создание навигационной цепочки
Добавление контента в колонку справа
Итоги
Глава 7. Конечно можно создать веб-приложение!
Сообщения в веб-приложении
Отключаемые сообщения
Настройка сообщений
Индикатор выполнения
Параметры индикатора выполнения
Анимация индикатора выполнения
Создание страницы с настройками
Вертикальное навигационное меню
Вкладки в середине
Наполнение вкладки с информацией о пользователе
Столбец статистики
Этикетки и бейджи
Итоги
Глава 8. Работа с JavaScript
Введение в плагины на JavaScript
Зависимости
Атрибуты данных
JavaScript-события в Bootstrap
Потрясающая реализация модальности в Bootstrap
Общие сведения о модальности и модальный
контент
Заголовок модальной панели
Тело модальной панели
Нижний колонтитул модальной панели
Создание собственной модальной панели
Инструмент для вывода подсказок
Парящие над всеми
События всплывающих панелей
Создание аффикса меню
Завершение веб-приложения
Итоги
Глава 9. Введение в продвинутый режим
Общий план
Последняя навигационная панель с Flexbox
Поиск
Меню навигации
Просмотр учетной записи
Наполнение основного плавающего раздела
Боковое вертикальное меню
Левое меню отлично смотрится!
Плагин сворачивания
Использование продвинутых CSS-стилей
Добавление основного контента
Круговые диаграммы
Создание карточки оперативной статистики
Радиальная диаграмма
Параллельная загрузка
Исправление вывода кнопки переключения на
мобильных
устройствах
Итоги
иглавление
Глава 10. Оживление компонентов
Создание карточек в основном разделе
Создание карточки из компонентов Bootstrap
Создание последней карточки
Исправление неправильного отображения на
мобильных
устройствах
Исправление навигационного меню
Оформление списка оповещений
Добавление потерянного левого меню
Выравнивание круговых диаграмм
Знакомство с другими продвинутыми плагинами
Использование каруселей Bootstrap
Отслеживание прокрутки в Bootstrap
Итоги
Глава 11. Переделка на свой лад
Настройка компонентов Bootstrap
Настройка кнопки
Использование кнопок-переключателей
Кнопки-переключатели в виде флажков
Кнопка в качестве радиокнопки
Настройка с помощью JavaScript
Настройка плагинов
Дополнительные плагины Bootstrap
Создание плагина Bootstrap
Создание основы плагина
Определение методов плагина
Инициализация и проверка подключаемого модуля
Добавление шаблона Bootstrap
Создание оригинального шаблона
Инициализация оригинального плагина
Запуск плагина в работу
Добавление методов в плагин
Итоги
Предметный указатель