I' trying to implement a nav tab panel to switch through tabs. I went through Bulma documentation but couldn't find any. Here's the sample code <div class="tabs is-toggle is-fullwidth"> &lt...

Bulma dropdown doesn't seem to toggle on click. Below is the code snippet from the documentation:https://bulma.io/documentation/components/dropdown/ <link href="https://cdnjs.cloudflare.com...

I'm new on bulma css http://bulma.io/ I'm trying to use hamburger menu for mobile user. I just followed instruction on this page: http://bulma.io/documentation/components/nav/ But it doesn't work...

I'm trying to update the variable for the primary font-family in Bulma but nothing seems to be happening. So far, what I've done is: Import the initial variables and functions file. Import the fon...

I'm using Bulma 0.4.0, though the answer may not be associated with Bulma itself. How can I set column height equal to others? (see codepen below) Notice they are all in another column containe...

I'm using Bulma 0.4.0, though the answer may not be associated with Bulma itself. How can I set column height equal to others? (see screenshots below) Edit: codepen with more text that presents...

I followed the documentation example and have this inside a media object: <figure class="image is-128x128"> <img src="https://bulma.io/images/placeholders/128x128.png"> </figure&gt...

I am taking the Bulma flexbox css framework for a spin - so far its pretty neat! The only stumbling block I've found is that I can't seem to set the display order for mobile devices. <div class...

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 ? He...

I am getting an error, visible via the browser inspector after installing Bulma I have angular-10. The steps I took are npm -i bulma. The bulma directory is in node_modules/bulma npm i -D @creati...

It is possible to shorten Bulma input width? As I can see in their documentation there is a is-small parameter but it only makes the font and height smaller. <link rel="stylesheet" href="h...

I'm using the Bulma CSS framework with a Rails app. I have a long list of items and would like to display them in tiles. However, the tiles run off the screen instead of wrapping to the next line. ...

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 a...

So I am using the CSS framework Bulma.io. Normally, without it, when doing body { background: black; } the background turns black. But when I use Bulma.io, only the background behind a written te...

Going through the Bulma.io documentation, I cannot find how to set the base font-size for the responsive design. As per this section on setting initial variables, we can set the initial value of c...

I have found this code: $custom-colors: null !default $colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert),...

I am using bulma framework , and all the content is to the left, how would I center the content on the page? For example this image is to the left. <section class="section"> <div c...

I'm trying to figure out to use Bulma's fixed navbar on top covering 10%, a main section covering 80% and a navbar at the bottom covering another 10%. The navbars have icons and text. Without setti...

I have 3 Bulma progress bars and I'd like to change the value color to be different for each progress bar. <progress class="progress" value="15" max="100">15%</progress> <progress c...

I need to create form using Bulma framework but I've stumbled upon some differences in width between input/select fields while creating layout. As you can see in image below: As you can see the...

<div class="box"> <button class="button">Center me</button> </div> <button class="is-center"> is not working.

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 <figure class="image is-128x128"> <...

Is there a way to horizontally centered an image inside a card? I have the following <div class='column is-one-quarter has-text-centered'> <div class='card equal-height'> <div c...

I am having trouble trying to have a responsive grid of 3 boxes with some aligned content inside using the library Bulma. I would like to make it work still maintaining the level inside a box if po...

How can I change the stack order of columns on mobile or tablet? For example, the code below shows elements horizontally on wide screens, but when it's shrinked I want 2 to be on top. I don't want...