Bulma – единственный CSS-фреймворк на базе Flexbox, который вам когда-либо понадобится

Flexbox – горячая тема для разработчиков веб-интерфейса, поскольку он предлагает современный подход к выравниванию CSS. Большинство макетов веб-сайтов основаны на CSS-плавающих или фиксированных процентах, чтобы держать блоки контента в одном ряду.

Но Flexbox изменяет все правила и с такими рамками, как Бульма Вы можете создавать полные макеты на flexbox. Это совершенно новый CSS-фреймворк, все еще находящийся на ранних стадиях разработки, но с большим количеством предложений.
булма css домашняя страницаДля такого молодого проекта кажется, что Булма полон потенциала. Bulma предлагает современный CSS-фреймворк и адаптивную стратегию для верстки дизайна. С помощью flexbox вы можете структурировать любое количество элементов блока, чтобы выровнять их рядом друг с другом и разбить на определенные контрольные точки,

С помощью простого класса .columns вы можете добавлять столько div, сколько вам нужно, и сохранять макет единообразным. Вы можете изменить классы столбцов так, чтобы некоторые из них были шире других и чтобы некоторые выравнивались по-разному.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Как горизонтальное, так и вертикальное выравнивание очень легко с этим каркасом. Никогда больше вам не придется взламывать CSS-решение в последнюю минуту.

Самое приятное, что большинство современных браузеров поддержка flexbox за исключением Internet Explorer. Но с Microsoft переходит к край гораздо проще будет использовать такую ​​среду, как Bulma, не заботясь о поддержке предыдущих версий.
caniuse flexboxСтоит также отметить, что это не просто флексбокс. Это полная библиотека CSS со стилями по умолчанию для типографики, кнопок, полей ввода и других общих элементов страницы. Bulma полностью бесплатна и поставляется с отличная документация если вы готовы погрузиться и начать строить.

И если вы не хотите загружать Bulma локально, вы все равно можете попробовать его, используя онлайн CDN, Электронной документации должно быть более чем достаточно, чтобы начать, особенно страница сетки который вы можете использовать для построения полной структуры макета.
булма сеткиBulma в настоящее время находится в версии 0.2.3, поэтому до выпуска v1.0 ей еще далеко. Даже в его текущей версии он все еще вполне пригоден для использования и предлагает большой потенциал на будущее.

Чтобы узнать больше, ознакомьтесь с официальным GitHub репо или посетите Булма веб-страница для установки инструкции и полной документации.

Читайте также: 6 хитростей CSS для выравнивания контента по вертикали

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *