Category: Bootstrap

24
Июн
2019

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

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

23
Май
2019

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

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

09
Мар
2019

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

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

06
Мар
2019

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

От автора: система сеток Bootstrap 4 позволяет создавать сложные макеты с использованием строк и столбцов. Сетка Bootstrap может содержать до 12 столбцов, и вы можете указать, как эти столбцы будут масштабироваться для разных размеров области просмотра. Вот пример сетки Bootstrap: [crayon-5c7f7c700b57a916997161/] Числа в конце каждого имени класса представляют количество столбцов, которые охватывают столбец. Таким образом, […]

28
Мар
2018

Изучение Bootstrap 4 за 5 минут

От автора: быстрое изучение Bootstrap 4 дает возможность ознакомиться с новейшей версией самой популярной библиотеки компонентов интерфейса. В январе этого года Bootstrap 4 (также известный, как v4), наконец, был выпущен после того, как он болтался в версиях альфа более двух лет. Он представляет серьезную переписку функционала. Мало того, что он вводит много изменений под капотом, […]

23
Фев
2018

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

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

06
Дек
2016

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

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

06
Окт
2016

Bootstrap валидация форм

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

30
Сен
2016

Что такое сетка бутстрап?

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

29
Сен
2016

Что такое Bootstrap?

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

26
Сен
2016

Как установить Bootstrap?

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

23
Сен
2016

Как сделать в Bootstrap вертикальное меню?

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

22
Сен
2016

Как подключить бутстрап?

От автора: всех приветствую. Сегодня мы продолжаем небольшой цикл статей и рассмотрим, как подключить boostrap к сайту. В итоге мы получим подключенный и полностью готовый к использованию фреймворк. Итак, чтобы начать подключение, нужно перейти на официальный сайт. В нашем случае это getbootstrap.com, именно на нем содержится вся необходимая информация. Скачиваем фреймворк В главном меню кликните […]

21
Сен
2016

Как подключить Bootstrap к WordPress?

От автора: всем привет. В прошлой статье мы рассмотрели подключение фреймворка к веб-странице, но если мы говорим о том, как подключить Bootstrap к WordPress, то здесь все выглядит немного по-другому. Давайте же рассмотрим, как сделать подключение правильно. Итак, создадим перед собой задачу. У нас есть шаблон на wordpress, к нему нужно подключить bootstrap. Как это […]