Bulma یک فریمورک CSS منبع باز و رایگان است که براساس Flexbox ساخته شده و بیش از 200,000 توسعه دهنده از آن استفاده می کنند.

npm install bulmaکپی

پخش آنلاینی وجود ندارد

پارس بولما

منبع فارسی فریمورک Bulma

ساده ترین سیستم گرید بندی

فقط ستون ها را اضافه کنید، آنها خودشان تغییر اندازه می دهند

روی دسک تاپ بهتر است

این ابزار تعاملی در صفحه های بزرگتر بهتر عمل می کند! به این دلیل ستون های Bulma به طور پیش فرض عمودی هستند.

1

2

3

4

5

                        
<div class="columns">
                        <div class="column">1</div>
                        <div class="column">2</div>
                        <div class="column">3</div>
                        <div class="column">4</div>
                        <div class="column">5</div>
</div>
                
              

توجه

اگرچه می توانید به تعداد دلخواه ستون اضافه کنید , it is توصیه می شود که 12 ستونداشته باشید.
اگر تقسیمات کوچکتر می خواهید ، همیشه می توانید ستون ها را nest کنید.

پارس بولما

منبع فارسی رایگان فریمورک محبوب Bulma

یادگیری بسیار آسان

در عرض چند دقیقه طراحی را شروع کنید

button

Button

button is-primary

Button

button is-primary is-large

Button

button is-primary is-large is-loading

Button

پارس بولما

ابزاری رایگان برای طراحی سایت

شخصی سازی سریع

قبل از وارد کردن Bulma، به سادگی متغیرهای Sass خود را تنظیم کنید

قبل

Bulma

فریمورک CSS مدرن مبتنی بر Flexbox

بعد

Bulma

فریمورک CSS مدرن مبتنی بر Flexbox

// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

// Set your brand colors
$purple: #8A4D76;
$pink: #FA7C91;
$brown: #757763;
$beige-light: #D0D1CD;
$beige-lighter: #EFF0EB;

// Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif;
$grey-dark: $brown;
$grey-light: $beige-light;
$primary: $purple;
$link: $pink;

// Update some of Bulma's component variables
$control-border-width: 2px;
$input-background-color: $beige-lighter;
$input-border-color: transparent;
$input-shadow: none;

// Import the rest of Bulma
@import "../path/to/bulma";

پارس بولما

بهترین منبع فارسی رایگان فریمورک محبوب Bulma

به JavaScript نیازی نیست

فقط CSS ، بنابراین در هر محیط JS ادغام می شود

پیشرو از Bootstrap

ببینید چطور Bulma جایگزینی برای Bootstrap است

مرکزگرایی تمام صفحه

هر محتوایی را که درج می کنید ، همیشه در مرکز قرار دارد.