Questions tagged [bulma]

Bulma is a free, open source CSS framework based on Flexbox and used by more than 200,000 developers.

Bulma is a CSS framework based on Flexbox and used by more than 200,000 developers.

Features

  • 100% responsive designed to be mobile first

  • Modular only requiring developers to import only the what's needed

  • Modern built with Flexbox

  • Full customization by setting SASS variables before importing

  • No JavaScript required - CSS only integrating into any JS enviroment

  • Free with a large open source community. Available on GitHub

Resources

Bulma-Start is a tiny npm package that includes the npm dependencies you need to build your own website with Bulma.

The documentation has everything you need to create a website with Bulma.

939 questions
7
votes
2 answers

How can I make a clickable image in Bulma change the pointer on mouseOver like

Loving the Bulma flow. Just wanted to make my images more obvious that they can do things when clicked. I can bind a style with vue.js such as
cristian_v
  • 93
  • 1
  • 5
7
votes
1 answer

bulma - adjusting typography sizing efficiently

I'm having a hard time figuring out the most efficient way to resize text for mobile. I know per the documentation, making the text size responsive to the screen is fairly straightforward, simply add the is-size-*-mobile class to an element to reset…
themantalope
  • 1,040
  • 11
  • 42
7
votes
2 answers

Make column fill vertical space in Bulma?

I have the following simple layout (with the exception that the textarea becomes a Code Mirror at runtime):
Foobar
  • 7,458
  • 16
  • 81
  • 161
7
votes
1 answer

Bulma navbar with two rows

What's the best approach to recreate this in bulma.io? Including responsivness, hamburger etc.
xpuu
  • 1,514
  • 13
  • 13
7
votes
2 answers

Center elements vertically in Bulma

I just started setting up my blog prototype with Bulma. There is a footer section with two equally divided columns. I'd like the three items (Twitter, Email, etc.) to be vertically centered in the yellow area. Is there any special class for that…
Robert Strauch
  • 12,055
  • 24
  • 120
  • 192
7
votes
4 answers

How do I center my Navbar?

I looked on here before, but nothing really worked. I am using Bulma Framework which I believe is relatively unheard of, yet I was hoping you could help me center the brand link on the navbar. This is what I have it at right now: .navbar { …
Andrew Chon
  • 103
  • 1
  • 1
  • 5
7
votes
3 answers

Bulma CSS - Button in Input field

Im using Bulma Framework, how move Button to the same line with input field?, it looks input field is full width My code:
Tindecken
  • 81
  • 1
  • 1
  • 5
7
votes
2 answers

How to customize bulma variables in rails

I'm using the bulma rails gem and I Want to customize some of the variables it uses, specifically the font color. According to the bulma docs http://bulma.io/documentation/overview/customize/ I should do something like this: // 1. Import the…
looneym
  • 301
  • 2
  • 8
6
votes
1 answer

Search bar to find rows in several accordions

I have several HTML tables hided in accordions panel, I need to search into all the tables to find a row, did I miss something to deploy corresponding panel and highlight the corresponding row ? Here is my code: function testSearch(){ …
user9007028
  • 125
  • 1
  • 1
  • 14
6
votes
4 answers

What's the best way to put two inputs side by side in a form using Bulma CSS?

I just started using Bulma to style my site and am having a hard time figuring out whether the framework supports putting two form fields side-by-side. The best example would be first and last name of a user. Bulma's form group looked promising but…
getup8
  • 6,949
  • 1
  • 27
  • 31
6
votes
2 answers

How do vertically align a Bulma Button in a line of text?

So I'm using Bulma via the CDN, have an

tag with a

6
votes
2 answers

How to use custom color for progress bar in Bulma?

I have 3 Bulma progress bars and I'd like to change the value color to be different for each progress bar. 15% 15%
Moody
  • 164
  • 2
  • 10
6
votes
1 answer

How to vertically and horizontally center some content the Bulma way?

I would like to center content both horizontally and vertically and I would like to do it the "bulma way" (without adding extra CSS). My example is working but I feel it's "hacky". Here is the best I have…
Romain
  • 299
  • 3
  • 8
6
votes
1 answer

How to use nuxt-link tag in Buefy?

In Buefy navBar component item element have job It render standart a html tag. When clicked, page reloaded. I want use nuxt-link Nuxt tag whithout reloading page. This code works, but i got…
Ilya Vo
  • 2,239
  • 3
  • 18
  • 31
6
votes
3 answers

bulma Scale image to container

I followed the documentation example and have this inside a media object:
I use that as part of a card for a display of multiple…
Onilol
  • 1,315
  • 16
  • 41
1 2
3
62 63