Всплывающие (модальные) окна с помощью CSS, JavaScript и jQuery
Всплывающие окна, или pop up window на английском языке — незаменимый атрибут современных сайтов. Второе их название — модальные окна (modal windows). Как правило в […]
Последние записи: Bootstrap
Классы для позиционирования html-элементов в Bootstrap 5 и 4
Позиционированные элементы — неотъемлемая часть практически любой html-страницы. Bootstrap, как многоцелевой фреймворк для верстки, конечно же, не мог обойти вопрос позиционирования html-элементов стороной. Разработчиками 4-й […]
Bootstrap 3, 4 и 5: классы для скрытия/отображения элементов на разных экранах
При верстке часто возникает ситуация, когда некоторые элементы необходимо скрыть для небольших разрешений экранов и показать на больших, и наоборот. В Bootstrap 4 для этой […]
Релиз Bootstrap 5 alpha. Что нового.
19 августа 2015 года вышел релиз 4-й версии Bootstrap, но только в 2018 году мир увидел законченную версию. И вот уже в 2020 году, 16 […]
CSS-фреймворки
Что такое CSS-фреймворки? Это, как правило, созданные одним или чаще несколькими разработчиками css-классы, которые облегчают для вас процесс верстки, собранные в одном файле. Подключив всего […]
Ajax-запросы с помощью jQuery 3-й версии и модального окна Bootstrap 4
На данный момент актуальной является библиотека jQuery версии 3.4.1. Она может подключаться в версии slim (именно ее предлагает стандартный шаблон Bootstrap для взаимодействия со своими […]
Использование слайдера (карусели) в Bootstrap 4
В Bootstrap 4, как и в Bootstrap 3, существует стандартный JS-компонент Carousel (карусель или слайдер). Этот компонент предназначен для циклического пролистывания изображений или другого контента.
Компонент Card (Карточка) в Bootstrap-4
Компонент Bootstrap-4 Card (Карточка) — это удобный способ разметить контент в виде отдельных блоков, в которые могут быть включены текст, картинки, фоновое изображение. Он призван […]
Flex-утилиты для построения адаптивного макета на Bootstrap 4
Адаптивная сетка Bootstrap 4 построена на основе модели Flexbox. Основой для использования адаптивных классов является класс row в качестве родительского контейнера для нескольких классов типа […]
Варианты построения сетки Bootstrap 4
Совсем необязательно использовать только один класс для построения сетки Bootstrap 4. Их можно сочетать в различных вариантах, для того чтобы на одном разрешении экрана (бОльшем, […]
Сетка Bootstrap 4
Сетка Bootstrap 4 — это, пожалуй, самое «вкусное» в этом фреймворке, т.к. именно из-за сетки с ее адаптивными возможностями Bootstrap стал самой популярной системой для верстки. […]
Классы Bootstrap 4 для управления отступами
В 4-й версии Bootstrap разработчики решили создать ряд классов, которые позволяют увеличивать внутренний (padding) и внешний (margin) отступ для блочных (display: block) или строчно-блочных элементов […]
Классы Bootstrap 4, изменяющие цвет текста и фона
В Bootstrap-4 существует ряд классов, которые связаны с назначением цветовых характеристик для шрифта или для фона элемента. Они похожи по названию, но отличаются внешне. Классы, […]
Bootstrap 4. Начало работы. Шаблон
Фреймворк Bootstrap получил очень широкое распространение благодаря массе факторов, главным из которых являлось использование классов для быстрого построения адаптивной сетки, основанной на 12 столбцах. Также Bootstrap […]
Материальный дизайн - тема для Bootstrap
Отличный вариант темы для Bootstrap 3 выложил Стас Мельников. Можно ознакомиться с ней на codepen.io.
