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

Syntax error when using react.js Ref to call a function

x Expected ',', got '.' ,-[E:\projects\Coding Stuff\MyThing\thingymajig\src\pages\MainMenu.js:13:1] 13 | 14 | 15 | function BeginTransaction( 16 | inputRef.current.classList.add("is-active") : …
-1
votes
2 answers

_blank, rel="noopener" and script not working to open a new tab for my resume

I'm currently trying to ensure that when someone clicks a link on my page it opens a new tab instead of simply taking the user there. Unfortunately, I've run into a problem currently I've tried all methods I know of to get a new tab to open when…
Spiritdon
  • 33
  • 4
-1
votes
1 answer

How to map object from API to Angular input text

I am trying to read API response in Angular and display it in the input text field. I am able to call the API and print the response in the console but I am not able to capture response in the object and map it to the input field. Log API response…
Praveenks
  • 1,436
  • 9
  • 40
  • 79
-1
votes
1 answer

how to stop bulma css pageloader from laoding forever

guys I add help with this bulma-pageloader it loading already but it just keeps loading forever . please how can I stop it this is the link
Mayor
  • 1
  • 1
-1
votes
1 answer

Trying to keep dropdown menus flush to the edge of header regardless of change in viewport size

I have a somewhat mobile responsive header, but there are some dropdown menus that I would like to keep flush to the edge of the header element regardless of changes in viewport size as the header adjusts. I tried putting those dropdowns in their…
Daniel
  • 14,004
  • 16
  • 96
  • 156
-1
votes
1 answer

Tabulator Table Constantly Expanding Width on Row Select

Using Tabulator 4.9.1 + Bulma CSS 0.9.1 I have a simple table If that table is loaded on the page, when i select a row, it works fine However, when I have same table in a Modal, and I selected a row, the table begins to expanding horizontally on the…
-1
votes
1 answer

Making dropdown selection to fill element without gaps

I use menu that was created by other developer in our company. I add to the first item of the menu dropdown selection, but the problem that the dropdown box not fully fill the all the item and I can't make it fill. Here is HTML:
Michael
  • 13,950
  • 57
  • 145
  • 288
-1
votes
1 answer

contact form + send mail (html + bulma + ajax + php)

I am in the process of creating a website for my company, I don't have a lot of money but a lot of time. I bought my domain names, my web host etc. in short in the site that I create I want to integrate a contact form with JS AJAX PHP on an html…
Vulvi
  • 1
-1
votes
1 answer

Logo Centered in Menu

I'm creating a menu using Bulma CSS. I have the following logo: And I would like to use it much like the Atlantic did, in the center of the page. However, I'm not sure how; I've tried margin-auto:0, but that didn't work out. I also tried messing…
DarkRunner
  • 449
  • 4
  • 15
-1
votes
1 answer

Changing a color of a Bulma button when clicked

I want to change the color of my Bulma button, in my Rails app. Those button are use to filter results on a search page. So far i did the following, but it is not working the color is not changing: <%= link_to request.params.merge(category: "9"),…
Tomas
  • 249
  • 3
  • 13
-1
votes
1 answer

Why does my navbar in mobile view look so skinny with the bulma framework?

I'm creating a mobile web app with ruby on rails and the bulma framework and I'm trying to figure out why my screens don't seem responsive. Has anyone ran into this problem before?Here is what my application looks like in mobile view. I would like…
-1
votes
2 answers

Creating new parent div and 4 child divs after every 4 count in javascript

I m using bulma and javascript to create a new div (div with class name columns) and add 4 divs with class names "column" after every 4 counts. i m having problem putting 4 divs under one div let locations = [{name: 'location1',value: 11},{name:…
Adebayo
  • 13
  • 6
-1
votes
3 answers

Overflow of columns inside box not working

I'm using Chrome, and I can't get these two columns to overflow with a scrollbar inside the box. Instead, they flow past the box. I've tried messing around with heights, setting overflow: auto/scroll properties on all of the different elements at…
jrichie911
  • 117
  • 1
  • 5
-1
votes
1 answer

How to code a responsive single page application holding in one screen?

I'm trying to code a single page application holding inside a single screen with the following architecture : One fixed header having : Two columns (1/3 for left, 2/3 for right) : a logo on left a breadcrumb on right. One fixed body having…
mlisthenewcool
  • 539
  • 3
  • 14
-1
votes
1 answer

Embedded Instagram post is not responsive enough

I'm working on embedding Instagram post in my webpage. The base site element's positioning is done in Bulma framework. Post is placed within right-panel column. This column can be stretched vertically by left-panel column. Currently I'm facing three…
tmowojtek
  • 43
  • 1
  • 3
  • 7