От автора: почти 10 лет назад был впервые представлен Bootstrap. Вскоре, после этого, он регулярно значился в резюме разработчиков в списке технических навыков. В то время я работала full-stack разработчиком, и большинство моих проектов следовали схожим требованиям: малый бюджет и высокие амбиции. Bootstrap, казалось, удовлетворял именно этим потребностям. Это позволило разработчикам с небольшими знаниями внешнего интерфейса создавать великолепные веб-сайты в ...
Читать далее »Архив меток: Bootstrap
Использование компонентов Bootstrap с пользовательским JavaScript
От автора: Bootstrap — это CSS-фреймворк, который предлагает множество компонентов, таких как кнопки, панели и раскрывающиеся списки. Вы можете использовать его для быстрого создания веб-сайта или графического интерфейса для веб-приложения. Для создания интерфейса Bootstrap все, что вам нужно, — это некоторые знания HTML и CSS. Однако некоторые функции могут быть реализованы только с помощью JavaScript. Для этого фреймворк Bootstrap предлагает ...
Читать далее »Дата выхода и что нового в Bootstrap 5
От автора: Bootstrap существует уже более 8 лет и является самым популярным в мире CSS-фреймворком. Он обслуживает около 18 миллионов веб-сайтов по всему миру, и эти цифры продолжают расти. Если вы веб-разработчик, то вероятность того, что вы, как минимум, не слышали он нем, практически отсутствует. Альфа-версия Bootstrap 4 была выпущена 19 августа 2015 года и принесла множество улучшений, таких как ...
Читать далее »Utility-first CSS: невероятно быстрая front-end разработка
От автора: я хорошо помню момент, когда я впервые понял всю силу utility-first разработки CSS. Это было не так давно. Мы с моей командой работали над реализацией дизайна Sketch в HTML / CSS с использованием Bootstrap 4. Мы только что перешли с Bootstrap 3 на 4, и один из членов команды начал использовать в компоненте, над которым работал, странно выглядящие ...
Читать далее »Объединение CSS Grid с сеткой Bootstrap
От автора: до того, как я открыл для себя CSS Grid, я часто использовал сетку Bootstrap. Сетка Bootstrap была разумным решением для многих проблем с адаптивностью, которые у меня в то время возникали. Затем я обнаружил CSS Grid. Преимущество CSS Grid над Bootstrap — это ее двумерная природа (возможность использовать строки и столбцы), а не одна строка в Bootstrap. В ...
Читать далее »Bootstrap — инструмент для верстки сайтов, проверенный временем
От автора: из данной статьи вы узнаете, что такое Bootstrap. Bootstrap — это инструмент для верстки, который позволяет достаточно просто и быстро верстать адаптивные кроссбраузерные сайты. Вы поймете, насколько он популярен, какие имеет возможности, преимущества и недостатки, из чего состоит, как его можно использовать. Что это такое? Bootstrap — самый популярный на сегодняшний день HTML, CSS и JavaScript фреймворк для ...
Читать далее »Система сеток Bootstrap 4 — примеры создания
От автора: система сеток Bootstrap 4 позволяет создавать сложные макеты с использованием строк и столбцов. Сетка Bootstrap может содержать до 12 столбцов, и вы можете указать, как эти столбцы будут масштабироваться для разных размеров области просмотра. Вот пример сетки Bootstrap: <!-- Styles (so that we can see the grid) --> <style> .bs-example div[class^="col"] { border: 1px solid white; background: #f5f5f5; ...
Читать далее »Изучение Bootstrap 4 за 5 минут
От автора: быстрое изучение Bootstrap 4 дает возможность ознакомиться с новейшей версией самой популярной библиотеки компонентов интерфейса. В январе этого года Bootstrap 4 (также известный, как v4), наконец, был выпущен после того, как он болтался в версиях альфа более двух лет. Он представляет серьезную переписку функционала. Мало того, что он вводит много изменений под капотом, Bootstrap 4 также содержит ряд ...
Читать далее »