bulma demo/test pagina

bedoeld om custom CSS snel te valideren op veel componenten

typografie

headings, content, links, code, blockquote

content blok

Dit is een link. En dit is bold, italic, small en mark.

Inline code: SELECT * FROM table; en keyboard: Ctrl + S. 

function hello() {
  console.log("hello bulma");
}
“Een blockquote om margins/typografie te testen.”
  • unordered 1
  • unordered 2
  • unordered 3
  1. ordered 1
  2. ordered 2
  3. ordered 3
tag
primary
link
info light
warning
danger rounded
version 1.0
15% 60% 90%
notification (met delete)

message header

message body met link en strong.

quick layout tests

box

box content

card header

card content met een link.

table

# naam status waarde
1 alpha ok 123
2 beta warn 456
3 gamma fail 789

form

dit ziet er goed uit

ongeldig email adres


buttons

media object + image

placeholder

media title @handle 31m
media content om spacing, links, en text rendering te testen.

grid / columns

column 4
column 4
column 4
column 3
column 6
column 3

bulma test — zet je custom CSS aan/uit en scan visueel op regressies.