bulma Questions
2
Solved
I am trying to use bulma icons following the docs here, but the icon doesn't show up:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
...
3
Solved
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 mo...
Anyways asked 6/3, 2019 at 4:56
3
Solved
I have multiple columns. Each column contains a circle in the CSS within a font awesome icon centered in it. Now I wanna make align the circle itself in the middle of the column. However, it keeps ...
7
Solved
I have pulled in bulma in my project through :
$ npm install bulma
After that, how can I refer to it in my pages. I really don't know how to work with npm, so please can you guide me. Do I have...
3
Solved
styles.scss
@import 'packages/bulma.sass';
bulma.sass
@charset "utf-8"
/*! bulma.io v0.6.1 | MIT License | github.com/jgthms/bulma */
@import "sass/utilities/_all"
@import "sass/base/_all"
@impo...
2
So I'm using Bulma via the CDN, have an <h2> tag with a <button> tag within it:
<h2 class="title is-size-2-mobile is-3 has-text-white">Step 1: Pick which Cards and/or Cheatsheets...
Bradski asked 13/9, 2019 at 19:48
2
Solved
I am using Angular 4 with the bulma css framework and I am wondering how I can add a new row (or columns class) every third column.
The index variable which prints out 0,1,2 0,1,2 etc. was when I ...
4
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...
Halbeib asked 5/10, 2019 at 1:11
2
Solved
I need to change the color of the bulma CSS placeholder.
I can use the code below for placeholders of normal input that is not bulma,
::-webkit-input-placeholder {
color: blue !important;
}
b...
Terrellterrena asked 22/5, 2019 at 19:55
5
Solved
How can I vertically center this <div class="columns is-vcentered"> to that red colored section which is enclosing it?
And should I remove or add some classes here to improve this code? Plea...
3
Solved
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...
Cookstove asked 5/12, 2017 at 7:30
2
I'm coming from Semantic UI and I'm trying to do the same as this
So here is my code for Bulma
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma....
1
Trying to add background image to bulma.io hero section, but it doesn't work!
Heres the code:
<div>
<section class="hero is-primary is-fullheight header-image">
<!-- Hero header:...
Worldlywise asked 3/8, 2017 at 9:2
1
Solved
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 bes...
1
Solved
In Buefy navBar component item element have
<b-navbar-item href="/job">
job
</b-navbar-item>
It render standart a html tag. When clicked, page reloaded. I want use nuxt-link Nuxt ta...
4
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 th...
2
I have the following simple layout (with the exception that the textarea becomes a Code Mirror at runtime):
<div class="columns">
<div class="column is-paddingless" style="background: in...
1
Solved
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 ...
4
I am using the Bulma framework for a project and the mobile menu is activated for max-width 1024px.
I would like to have the mobile menu only activated when screen width is 769px or below. I have s...
Uzzi asked 15/2, 2018 at 14:13
2
I'm trying to use bulma columns but they are overflowing the body in mobile views. In the next picture you can see the white gap to the right of the screen. I inspected and the body tag is flush wi...
1
Solved
I'm using Fable (2) + Fulma (1.1) + Elmish (2) for a web UI and I want to add a Select dropdown as documented in Bulma here. It makes use of the <option> HTML tag for the items but I can't fi...
2
Solved
I'm trying to make a clickable "star" icon using font-awesome with bulma, switching between regular and solid styles (fas and far) in Vue, to achieve this I have the following component:
<templ...
Opportune asked 8/5, 2018 at 22:6
4
Solved
Given the following html :
<div class="columns">
<div class="column">Always here</div>
<div class="column">Hidden on mobile</div>
<div class="column">Always ...
1
Solved
I have just started using Bulma (bulma.io) and want this image to resize to the navbar height which I belive by default is 3.25rem (16px base font-size) but it is not.
I have tried resizing the im...
Gazetteer asked 11/10, 2018 at 14:47
2
Solved
I am using [email protected] css framework
I have submit button within a form as follows
...
<!--Submit button-->
<div class="columns">
<div class="column is-full">
<...
Minister asked 6/1, 2017 at 12:51
© 2022 - 2024 — McMap. All rights reserved.