You are viewing the deprecated 0.5.1 version of the website. Click here to view the latest version
So, I was making an exam and in a matter of 30 minutes I had my structure complete with responsive, Bulma is crazy. Thanks @jgthms
— Francisco Cruz (@atFranCruz) May 28, 2017
@jgthms Hey Jeremy! Been putting Bulma into a project during the last days - absolutely love it! Well done! 😍
— Simon Jaeger (@simonjaegr) February 21, 2017
Bulma, I think I'm in love. https://t.co/APYefmC1Bs via @jgthms
— Jesse Schoff (@jesseschoff) May 29, 2017
https://t.co/ClYmBd8tGR is an impressive CSS framework. Flexbox grid, no JS, modular components (use what you need), Sass.
— scottgallant (@scottgallant) February 26, 2017
💯 @jgthms.
I usually hate having to write CSS, but I really like working with the lightweight Bulma (https://t.co/OAMLjKWzak) by @jgthms so far 👍
— mario zupan (@mzupzup) June 14, 2017
@jgthms Hey.I just stopped by here to say thank you so much for Bulma. It made my website looks 100 times better 😍
— juliooooo (@juliooooo000) January 13, 2017
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>Vertical...
Top tile
...tiles
Bottom tile
Middle tile
With an image
Wide tile
Aligned with the right tile
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
Tall tile
With even more content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.
Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.
Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.
<div class="tile is-ancestor">
<div class="tile is-vertical is-8">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child">
<!-- Any content you want here -->
</article>
<article class="tile is-child">
<!-- Any content you want here -->
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child">
<!-- Any content you want here -->
</article>
</div>
</div>
<div class="tile is-parent">
<article class="tile is-child">
<!-- Any content you want here -->
</article>
</div>
</div>
<div class="tile is-parent">
<article class="tile is-child">
<!-- Any content you want here -->
</article>
</div>
</div>
John Smith @johnsmith 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
is-* CSS classes to quickly alter styles
John Smith @johnsmith 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
John Smith
@johnsmith
“There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.”
Jeff Atwood
Primary
John Smith @johnsmith 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
Get started
Bulma Partners
Check out their products!