Stack Overflow
Stack Overflow

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
12
votes
1 answer

Bulma.io fullheight hero background

Trying to add background image to bulma.io hero section, but it doesn't work! Heres the code:
…
user8392725
  • 137
  • 1
  • 1
  • 3
11
votes
3 answers

How can I make a bulma table responsive?

I am using the Bulma CSS framework and specifically I am trying to make the table in it responsive. I have tried giving it a width: 100%; and applying overflow-x: auto; but it doesn't seem to work. Here is the demo:…
Anonymous
  • 1,658
  • 2
  • 14
  • 19
11
votes
1 answer

Full page image background using Bulma.io?

I am designing a website using the Bulma.io CSS library and have successfully made a full page coloured background, but would like to use images, I can see in their documentation that you can specify the size in px of the image, but I would like the…
AlexDoe
  • 181
  • 1
  • 2
  • 8
10
votes
1 answer

How to add custom colors to Bulma?

I have found this code: $custom-colors: null !default $colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert,…
Kos
  • 1,547
  • 14
  • 23
10
votes
3 answers

Burger menu using bulma on React not working

I am new to react. Im trying to make a navigation in my header. i use bulma css : "bulma": "^0.7.4", And i import bulma file like this: import 'bulma/css/bulma.css'; It is working for the most of the css but not with burger menu, the menu is not…
rizesky
  • 424
  • 6
  • 13
9
votes
2 answers

How to center a section with bulma

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.
…
user41758
  • 309
  • 1
  • 2
  • 8
9
votes
1 answer

Container sizing in Bulma.io

I have started to learn Bulma. I want to minimize container's (grey area in the picture) size in x-axis so I can embed elements into.Couldn't find any related content in documents. Here is my source code: …
Kadir Susuz
  • 127
  • 1
  • 1
  • 8
9
votes
1 answer

Bulma - Mobile Layout

I'm trying to implement this mobile layout using the Bulma CSS Framework (the red header and the blue footer are both fixed) : Here is the corresponding code :
9
votes
4 answers

How to switch through tabs in bulma

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
8
votes
2 answers

bulma level inside box overflowing

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 possible. Any help would be appreciated. This is the…
jmrueda
  • 1,362
  • 19
  • 30
8
votes
1 answer

How to create two rows using bulma

I am using bulma, i am new to bulma. I try to create two rows, but the contents stay side by side, and did not one above the other as expected. How can i create two rows using bulma ? I try to use class="row" This is my code below:
Ângelo Rigo
  • 2,039
  • 9
  • 38
  • 69
8
votes
4 answers

Bulma navbar overlaps main section

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 setting the heights there is already some deviance and by…
Sasha
  • 81
  • 1
  • 2
8
votes
0 answers

How do I create an off canvas menu w/ Bulma

How do I make a sliding vertical navbar using Bulma components? I can't find one in the Bulma docs. I believe they are often called "off canvas" menus or "hamburger" menus. There is a horizontal one but I'd prefer a vertical, left side style like…
backspaces
  • 3,802
  • 6
  • 34
  • 58
8
votes
4 answers

Hero footer not at bottom of page

I am styling a webpage using the Bulma CSS framework. Well, it works pretty good, but when I try to add a footer on my page it doesn't go to the bottom. Do I need to make my own CSS for it or is this a problem in the HTML code itself? Code:
user6632515
  • 193
  • 1
  • 1
  • 10
7
votes
2 answers

Setting a new primary font-family with Bulma

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 fonts I would like with Google Fonts Set a new variable…
Jacob Collins
  • 173
  • 5
  • 12
1
2
3
…
62 63