Фреймворки \ Bootstrap

Три причины отказаться от Bootstrap

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

Читать далее

Фреймворки \ Bootstrap

Использование компонентов Bootstrap с пользовательским JavaScript

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

Читать далее

Фреймворки \ Bootstrap

Дата выхода и что нового в Bootstrap 5

От автора: Bootstrap существует уже более 8 лет и является самым популярным в мире CSS-фреймворком. Он обслуживает около 18 миллионов веб-сайтов по всему миру, и эти цифры продолжают расти. Если вы веб-разработчик, то вероятность того, что вы, как минимум, не слышали он нем, практически отсутствует.

Читать далее

Фреймворки \ Bootstrap

Utility-first CSS: невероятно быстрая front-end разработка

От автора: я хорошо помню момент, когда я впервые понял всю силу utility-first разработки CSS. Это было не так давно. Мы с моей командой работали над реализацией дизайна Sketch в HTML / CSS с использованием Bootstrap 4.

Читать далее

Фреймворки \ Bootstrap

Объединение CSS Grid с сеткой Bootstrap

От автора: до того, как я открыл для себя CSS Grid, я часто использовал сетку Bootstrap. Сетка Bootstrap была разумным решением для многих проблем с адаптивностью, которые у меня в то время возникали. Затем я обнаружил CSS Grid. Преимущество CSS Grid над Bootstrap — это ее двумерная природа (возможность использовать строки и столбцы), а не одна строка в Bootstrap.

Читать далее

Фреймворки \ Bootstrap

Bootstrap - инструмент для верстки сайтов, проверенный временем

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

Читать далее

Фреймворки \ Bootstrap

Система сеток Bootstrap 4 - примеры создания

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

Читать далее

Фреймворки \ Bootstrap

Модальные окна Bootstrap

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

Читать далее

Фреймворки \ Bootstrap

Bootstrap 4: обычная сетка или flexbox

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

Читать далее