• Пожаловаться

Тимур Машнин: Bootstrap: Быстрое создание современных сайтов

Здесь есть возможность читать онлайн «Тимур Машнин: Bootstrap: Быстрое создание современных сайтов» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях присутствует краткое содержание. ISBN: 9785447462314, издательство: Литагент Ридеро, категория: Прочая околокомпьтерная литература / на русском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале. Библиотека «Либ Кат» — LibCat.ru создана для любителей полистать хорошую книжку и предлагает широкий выбор жанров:

любовные романы фантастика и фэнтези приключения детективы и триллеры эротика документальные научные юмористические анекдоты о бизнесе проза детские сказки о религиии новинки православные старинные про компьютеры программирование на английском домоводство поэзия

Выбрав категорию по душе Вы сможете найти действительно стоящие книги и насладиться погружением в мир воображения, прочувствовать переживания героев или узнать для себя что-то новое, совершить внутреннее открытие. Подробная информация для ознакомления по текущему запросу представлена ниже:

Тимур Машнин Bootstrap: Быстрое создание современных сайтов

Bootstrap: Быстрое создание современных сайтов: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «Bootstrap: Быстрое создание современных сайтов»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

Bootstrap представляет собой свободный фреймворк интерфейсов для быстрой и простой Web разработки. Bootstrap предоставляет шаблоны дизайна, основанные на HTML и CSS для разметки, форм, кнопок, таблиц, навигации, диалоговых окон, каруселей изображений и многого другого, а также дополнительные плагины JavaScript. На основе 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.

Кнопку закрытия при этом обеспечивает элемент Дополнительно класс - фото 62

Кнопку закрытия при этом обеспечивает элемент × .

Дополнительно класс 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 - фото 63

Вышеуказанные классы могут применяться для элементов , , .

Default

Success Дополнительно классы btnlgbtnmdbtnsmbtnxs регулируют размер кнопки - фото 64

Дополнительно классы. btn-lg,.btn-md,.btn-sm,.btn-xs регулируют размер кнопки.

Large

Medium

Small

XSmall

Дополнительно класс btnblock обеспечивает 100 ширину кнопки Button - фото 65

Дополнительно класс. btn-block обеспечивает 100% ширину кнопки.

Button

Класс active переводит кнопку в нажатое состояние Класс disabled делает - фото 66

Класс. active переводит кнопку в нажатое состояние.

Класс. disabled делает кнопку некликабельной.

Disabled Primary

Для смещения и центрирования кнопок дополнительно применяются классы - фото 67

Для смещения и центрирования кнопок дополнительно применяются классы. pull-left,.pull-right,.center-block.

Класс. btn-group позволяет скомпоновать группу кнопок в строку или столбец.

Горизонтальный макет:

Button 1

Button 2

Button 3

Вертикальный макет Button 1 Button 2 Button 3 Группа кнопок - фото 68

Вертикальный макет:

Button 1

Button 2

Button 3

Группа кнопок позволяет применить размер сразу ко всем кнопкам с помощью - фото 69

Группа кнопок позволяет применить размер сразу ко всем кнопкам с помощью дополнительных классов. btn-group-lg,.btn-group-md,.btn-group-sm,.btn-group-xs.

Button 1

Button 2

Button 3

Класс. btn-group-justified, группирующий кнопки позволяет заполнить кнопками всю ширину экрана.

Button 1

Button 2

Button 3

Для кнопок этого же эффекта можно достичь обернув каждую кнопку в контейнер - фото 70

Для кнопок этого же эффекта можно достичь, обернув каждую кнопку в контейнер div class=«btn-group»>.

Button 1

Button 2

Button 3

С помощью класса. btn-group можно также сделать кнопку с выпадающим меню.

Sony

  • Tablet
  • Smartphone
Или разделенную кнопку с меню Sony Tablet Smartphone - фото 71

Или разделенную кнопку с меню.

Sony

  • Tablet
  • Smartphone
Кнопку раскрытия меню можно делать разного размера Default Action - фото 72

Кнопку раскрытия меню можно делать разного размера.

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 - фото 73

Для раскрытия меню вверх, а не вниз используется класс. dropup.

Primary

Читать дальше
Тёмная тема

Шрифт:

Сбросить

Интервал:

Закладка:

Сделать

Похожие книги на «Bootstrap: Быстрое создание современных сайтов»

Представляем Вашему вниманию похожие книги на «Bootstrap: Быстрое создание современных сайтов» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё не прочитанные произведения.


Отзывы о книге «Bootstrap: Быстрое создание современных сайтов»

Обсуждение, отзывы о книге «Bootstrap: Быстрое создание современных сайтов» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.