bulma

ป้อม

Bulma เป็น เฟรมเวิร์ก CSS ที่ทันสมัย โดยใช้ FlexBox

การติดตั้งอย่างรวดเร็ว

Bulma อยู่ในระหว่างการพัฒนาอย่างต่อเนื่อง! ลองเลย:

NPM

npm install bulma

หรือ

เส้นด้าย

yarn add bulma

คนขี้เกียจ

bower install bulma

นำเข้า

หลังจากการติดตั้งคุณสามารถนำเข้าไฟล์ CSS ลงในโครงการของคุณโดยใช้ตัวอย่างนี้:

@import ' bulma/css/bulma.css '

CDN

https://www.jsdelivr.com/package/npm/bulma

อย่าลังเลที่จะยกปัญหาหรือส่งคำขอดึง

CSS เท่านั้น

Bulma เป็นกรอบ CSS ดังนั้นเอาต์พุต แต่เพียงผู้เดียวคือไฟล์ CSS เดียว: bulma.css

คุณสามารถใช้ไฟล์นั้น "Out of the Box" หรือดาวน์โหลดไฟล์ SASS Source เพื่อปรับแต่งตัวแปร

ไม่มี JavaScript รวมอยู่ด้วย คนทั่วไปต้องการใช้การใช้งาน JS ของตนเอง (และมักจะมีอยู่แล้ว) Bulma ถือได้ว่า "สภาพแวดล้อมที่ไม่เชื่อเรื่องพระเจ้า": มันเป็นเพียงเลเยอร์สไตล์ที่อยู่ด้านบนของตรรกะ

การสนับสนุนเบราว์เซอร์

Bulma ใช้ AutopRefixer เพื่อสร้างคุณสมบัติ FlexBox (ส่วนใหญ่) เข้ากันได้กับรุ่นเบราว์เซอร์ก่อนหน้า ตามที่ฉันสามารถใช้ได้ Bulma เข้ากันได้กับเวอร์ชัน ล่าสุด ของ:

• โครเมี่ยม
• ขอบ
• Firefox
• โอเปร่า
• ซาฟารี

Internet Explorer (10+) ได้รับการสนับสนุนเพียงบางส่วนเท่านั้น

เอกสาร

เอกสารดังกล่าวอยู่ในไดเรกทอรี DOCS และสร้างขึ้นด้วยเครื่องมือ Jekyll ที่ใช้ทับทิม

เรียกดูเอกสารออนไลน์ที่นี่

โครงการที่เกี่ยวข้อง

โครงการ	คำอธิบาย
Bulma พร้อมโมดูลแอตทริบิวต์	เพิ่มการสนับสนุนสำหรับตัวเลือกที่ใช้แอตทริบิวต์
Bulma กับ Rails	รวม Bulma เข้ากับท่อส่งสินทรัพย์ราง
สิ่งที่น่าเบื่อหน่าย	ไลบรารีส่วนประกอบที่มีน้ำหนักเบาขึ้นอยู่กับ Bulma และ Blazor
Vue Admin (ตาย)	Vue Admin Framework ขับเคลื่อนโดย Bulma
bulmaswatch	ธีมฟรีสำหรับ Bulma
ปลาทอง (อ่านอย่างเดียว)	Vault UI กับ Bulma, Golang และ Vue Admin
ปูน	Ember Addon จัดหาชุด UI ส่วนประกอบสำหรับ Bulma
ผู้เล่นตัวกัน	ชุดของส่วนประกอบปฏิกิริยาสำหรับ bulma
ตอบสนอง	react.js ส่วนประกอบสำหรับ bulma
บวม	ส่วนประกอบ UI ที่มีน้ำหนักเบาสำหรับ vue.js ขึ้นอยู่กับ bulma
องค์ประกอบ Vue-Bulma	ส่วนประกอบ Bulma สำหรับ vue.js ที่มีไวยากรณ์ตรงไปตรงมา
บัลมาจ์	การรวม JavaScript สำหรับ Bulma เขียนใน ES6 ด้วย data-* api
Bulma-modal-fx	ชุดเอฟเฟกต์หน้าต่างแบบโมดอลพร้อมการเปลี่ยน CSS และภาพเคลื่อนไหวสำหรับ Bulma
Bulma Stylus	คำแปลที่ทันสมัย ​​1: 1 เป็นสไตลัส
bulma.styl (อ่านอย่างเดียว)	1: 1 การแปลสไตลัสของ Bulma 0.6.11
Elm-Bulma	Bulma + Elm
Elm-Bulma-Classes	ชั้นเรียน Bulma เตรียมพร้อมสำหรับการใช้งานกับ Elm
Bulma Customizer	Bulma Customizer - สร้าง BuSta Build ของคุณเอง
ฟู	เสื้อคลุมรอบ Bulma เพื่อทำปฏิกิริยานิทาน
Laravel ENSO	แผงผู้ดูแลระบบสปาที่สร้างด้วย Bulma, Vuejs และ Laravel
Django Bulma	รวม Bulma กับ Django
เทมเพลต Bulma	เทมเพลตฟรีสำหรับ Bulma
ส่วนประกอบ Bulma ที่ทำปฏิกิริยา	การทำปฏิกิริยาอีกครั้งบนปฏิกิริยาสำหรับ bulma.io
Purescript-Bulma	การผูก purescript สำหรับ bulma
vue dataTable	DataTable ธีม Bulma ตามเทมเพลต Vue, Laravel & JSON
ป้อมปราการ	ชุดรูปแบบการออกแบบที่คล่องแคล่วสำหรับ Bulma ที่ได้รับแรงบันดาลใจจากระบบการออกแบบที่คล่องแคล่วของ Microsoft
CSSKRT-CSSKRT	เพิ่มคลาส Bulma โดยอัตโนมัติในไฟล์ HTML โดยอัตโนมัติ
การตอบโต้ป้อมปราการ	Bulma Pagination เป็นองค์ประกอบปฏิกิริยา
ลูกเลี้ยงป้อมปราการ	คลาสการทำงาน / อะตอม CSS สำหรับ Bulma
Bulma-swatch-hook	Bulma swatches เป็น hook react และส่วนประกอบ
Bulmawp (อ่านอย่างเดียว)	ชุดรูปแบบ WordPress เริ่มต้นสำหรับ Bulma
รัลมา	ส่วนประกอบ Ractive.js ไร้สัญชาติสำหรับ Bulma
Django Bulma ง่ายๆ	การรวม Bulma และ Bulma-extensions ที่มีน้ำหนักเบาสำหรับแอพ Django ของคุณ
RBX	Framework React React
เทมเพลต Bulma ที่ยอดเยี่ยม	เทมเพลตโลกจริงฟรีที่สร้างด้วย Bulma
Trunx	Super Saiyan React Components ลูกชายของ Awesome Bulma
@aybolit/bulma	ห้องสมุดส่วนประกอบเว็บที่ได้รับแรงบันดาลใจจาก Bulma และ Bulma-Extensions
ดรัลมา	ธีม Drupal สำหรับ Bulma
พัด	ธีมบล็อก Python Pelican ที่ใช้ Bulma
การส่งออกตัวแปร Bulma	เข้าถึงตัวแปร Bulma ใน JavaScript/TypeScript ในโครงการโดยใช้ WebPack
กระแสน้ำ	ไลบรารีส่วนประกอบ UI Agnostic ที่ใช้ส่วนประกอบของเว็บทำด้วย Bulma & stencil
ส่วนประกอบ Svelte Bulma	ห้องสมุดของส่วนประกอบ UI ที่จะใช้ใน svelte.js หรือสแตนด์อโลน
Bulma Nunjucks Starterkit	Starterkit สำหรับ Nunjucks กับ Bulma
ป้อมปราการ	ปุ่มและสีสังคมสำหรับ Bulma
ผู้ร่วมงาน	React Codebase Generator พร้อมเทมเพลต Bulma
เบลาซอเรส	ไลบรารีส่วนประกอบ Blazor พร้อมการสนับสนุนสำหรับ Bulma CSS Framework
Oruga-Bulma	ธีม Bulma สำหรับ Oruga UI
@bulvar/bulma	Bulma พร้อมตัวแปร CSS รองรับ
@Angular-Bulma	คำสั่งเชิงมุมและส่วนประกอบที่จะใช้ในโครงการ Bulma ของคุณ
Bulma CSS เรียนจบ	ชื่อคลาส CSS เสร็จสมบูรณ์สำหรับแอตทริบิวต์คลาส HTML ตามคลาส Bulma CSS
กรอบกรอบ	Bulma Template Pack สำหรับ Django-crispy-forms
ประจักษ์	Manifest เป็นบริการแบ็กเอนด์ที่มีน้ำหนักเบาเป็นบริการที่มีคุณสมบัติสำคัญ: db, แผงผู้ดูแลระบบ, API, JS SDK
ปราบ	ไลบรารีส่วนประกอบที่อิงตาม React, Bulma, typeScript และ Rollup

การทดสอบเบราว์เซอร์ผ่าน

ลิขสิทธิ์และใบอนุญาต

รหัสลิขสิทธิ์ 2023 Jeremy Thomas รหัสที่เผยแพร่ภายใต้ใบอนุญาต MIT