Тимур Машнин - Bootstrap - Быстрое создание современных сайтов
Здесь есть возможность читать онлайн «Тимур Машнин - Bootstrap - Быстрое создание современных сайтов» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. ISBN: , Издательство: Литагент Ридеро, Жанр: Прочая околокомпьтерная литература, на русском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.
- Название:Bootstrap: Быстрое создание современных сайтов
- Автор:
- Издательство:Литагент Ридеро
- Жанр:
- Год:неизвестен
- ISBN:9785447462314
- Рейтинг книги:3 / 5. Голосов: 2
-
Избранное:Добавить в избранное
- Отзывы:
-
Ваша оценка:
Bootstrap: Быстрое создание современных сайтов: краткое содержание, описание и аннотация
Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «Bootstrap: Быстрое создание современных сайтов»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.
Bootstrap: Быстрое создание современных сайтов — читать онлайн ознакомительный отрывок
Ниже представлен текст книги, разбитый по страницам. Система сохранения места последней прочитанной страницы, позволяет с удобством читать онлайн бесплатно книгу «Bootstrap: Быстрое создание современных сайтов», без необходимости каждый раз заново искать на чём Вы остановились. Поставьте закладку, и сможете в любой момент перейти на страницу, на которой закончили чтение.
Интервал:
Закладка:
×
Success! This alert box could indicate a successful or positive action.
×
Info! This alert box could indicate a neutral informative change or action.
×
Warning! This alert box could indicate a warning that might need attention.
×
Danger! This alert box could indicate a dangerous or potentially negative action.
Кнопку закрытия при этом обеспечивает элемент × .
Дополнительно класс class=«alert alert-success fade in» добавляет анимацию при закрытии сообщения.
Нажатие кнопки закрытия можно обрабатывать с помощью Javascript.
×
Success! This alert box could indicate a successful or positive action.
$(document).ready (function () {
$(".close").click (function () {
$("#myAlert").alert («close»);
});
});
С помощью класса. alert-link вместо текста сообщения можно вставлять ссылку.
×
Info!
This alert box could indicate a neutral informative change or action.
Кнопки и группы кнопок
Для создания стилизованной цветом кнопки используется класс. btn совместно с одним из классов. btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-link.
Default
Primary
Success
Info
Warning
Danger
Link
Вышеуказанные классы могут применяться для элементов , , .
Default
Success
Дополнительно классы. btn-lg,.btn-md,.btn-sm,.btn-xs регулируют размер кнопки.
Large
Medium
Small
XSmall
Дополнительно класс. btn-block обеспечивает 100% ширину кнопки.
Button
Класс. active переводит кнопку в нажатое состояние.
Класс. disabled делает кнопку некликабельной.
Disabled Primary
Для смещения и центрирования кнопок дополнительно применяются классы. pull-left,.pull-right,.center-block.
Класс. btn-group позволяет скомпоновать группу кнопок в строку или столбец.
Горизонтальный макет:
Button 1
Button 2
Button 3
Вертикальный макет:
Button 1
Button 2
Button 3
Группа кнопок позволяет применить размер сразу ко всем кнопкам с помощью дополнительных классов. btn-group-lg,.btn-group-md,.btn-group-sm,.btn-group-xs.
Button 1
Button 2
Button 3
Класс. btn-group-justified, группирующий кнопки позволяет заполнить кнопками всю ширину экрана.
Button 1Button 2
Button 3
Для кнопок этого же эффекта можно достичь, обернув каждую кнопку в контейнер div class=«btn-group»>.
Button 1
Button 2
Button 3
С помощью класса. btn-group можно также сделать кнопку с выпадающим меню.
Sony
- Tablet
- Smartphone
Или разделенную кнопку с меню.
Sony
- Tablet
- Smartphone
Кнопку раскрытия меню можно делать разного размера.
Default
- Action
- Another action
- Something else here
- Separated link
Primary
- Action
- Another action
- Something else here
- Separated link
Success
- Action
- Another action
- Something else here
- Separated link
Для раскрытия меню вверх, а не вниз используется класс. dropup.
Primary
Интервал:
Закладка:
Похожие книги на «Bootstrap: Быстрое создание современных сайтов»
Представляем Вашему вниманию похожие книги на «Bootstrap: Быстрое создание современных сайтов» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.
Обсуждение, отзывы о книге «Bootstrap: Быстрое создание современных сайтов» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.