От автора: из данной статьи вы узнаете, что такое Bootstrap. Bootstrap — это инструмент для верстки, который позволяет достаточно просто и быстро верстать адаптивные кроссбраузерные сайты. Вы поймете, насколько он популярен, какие имеет возможности, преимущества и недостатки, из чего состоит, как его можно использовать.

Продолжить чтение →

От автора: система сеток Bootstrap 4 позволяет создавать сложные макеты с использованием строк и столбцов. Сетка Bootstrap может содержать до 12 столбцов, и вы можете указать, как эти столбцы будут масштабироваться для разных размеров области просмотра.

Продолжить чтение →

От автора: быстрое изучение Bootstrap 4 дает возможность ознакомиться с новейшей версией самой популярной библиотеки компонентов интерфейса.

Продолжить чтение →

От автора: в этом руководстве мы поговорим об одном из наиболее полезных jQuery Bootstrap плагинов — модальном окне. Модальное окно Bootstrap – это лёгкое, многофункциональное всплывающее окно с помощью JavaScript, которое являющется настраиваемым и адаптивным. Его можно использовать для того, чтобы отображать на веб-сайте всплывающие сообщения, изображения и видео. Разработанные с помощью Bootstrap веб-сайты могут использовать модальные окна для демонстрации, к примеру, положений и условий соглашения (как часть процесса подписания договора), или даже виджетов соцмедиа.

Продолжить чтение →

От автора: в Bootstrap 4 в систему сеток, с которой мы все знакомы с третьей версии, было внесено несколько изменений. Была добавлена новая сетка XL, изменились некоторые классы-модификаторы, а также появилась совершенно новая система сеток на flexbox.

Продолжить чтение →

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

Продолжить чтение →

От автора: я приветствую вас. В прошлых статьях мы рассмотрел подключение фреймворка Bootstrap и первые шаги работы с ним. Настал час затронуть самую важную тему. А именно, как работает в Bootstrap сетка. Именно понимание этого вопроса сильно упростит вам верстку сайтов.

Продолжить чтение →

От автора: любой веб-разработчик и верстальщик рано или поздно задумывается о том, как ему упростить и ускорить процесс верстки сайта. В связи с этим, он прибегает к помощи css-фреймворков. Самый популярных из них – bootstrap. Что это такое и зачем он нужен? В этой статье я постараюсь максимально подробно ответить на этот вопрос.

Продолжить чтение →

От автора: я приветствую вас. В этой статье я еще раз расскажу о том, как установить Bootstrap, но на этот раз больше внимания уделим кастомизации фреймворка под себя. Статья получится достточно объемной, поэтому если вам интересна кастомизация, прошу проявить терпение и прочитать полностью. Статья будет поделена на 2 части: изменение настроек и компонентов Bootstrap и темизация, то есть изменение внешнего вида.

Продолжить чтение →

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

Продолжить чтение →