bulma
1.0.2
Bulma เป็น เฟรมเวิร์ก CSS ที่ทันสมัย โดยใช้ FlexBox
Bulma อยู่ในระหว่างการพัฒนาอย่างต่อเนื่อง! ลองเลย:
npm install bulmaหรือ
yarn add bulmabower install bulmaหลังจากการติดตั้งคุณสามารถนำเข้าไฟล์ CSS ลงในโครงการของคุณโดยใช้ตัวอย่างนี้:
@import ' bulma/css/bulma.css 'https://www.jsdelivr.com/package/npm/bulma
อย่าลังเลที่จะยกปัญหาหรือส่งคำขอดึง
Bulma เป็นกรอบ CSS ดังนั้นเอาต์พุต แต่เพียงผู้เดียวคือไฟล์ CSS เดียว: bulma.css
คุณสามารถใช้ไฟล์นั้น "Out of the Box" หรือดาวน์โหลดไฟล์ SASS Source เพื่อปรับแต่งตัวแปร
ไม่มี JavaScript รวมอยู่ด้วย คนทั่วไปต้องการใช้การใช้งาน JS ของตนเอง (และมักจะมีอยู่แล้ว) Bulma ถือได้ว่า "สภาพแวดล้อมที่ไม่เชื่อเรื่องพระเจ้า": มันเป็นเพียงเลเยอร์สไตล์ที่อยู่ด้านบนของตรรกะ
Bulma ใช้ AutopRefixer เพื่อสร้างคุณสมบัติ FlexBox (ส่วนใหญ่) เข้ากันได้กับรุ่นเบราว์เซอร์ก่อนหน้า ตามที่ฉันสามารถใช้ได้ Bulma เข้ากันได้กับเวอร์ชัน ล่าสุด ของ:
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
