Exempelsida: Bulma (version 1)

Denna sida visar på vanliga "komponenter" i ramverket Bulma (v1). Observera att design inte är min staka sida och att min brist på förståelse av ramverket båda påverkar denna sidas utseende! ;-)

Rubriker och stycken

Rubrik nivå 2

Rubrik nivå 3

Rubrik nivå 4

Rubrik nivå 5
Rubrik nivå 6

Stycke text.

Primär text

Primär bakgrund

Text, fara

Bakgrund, fara

Punktlistor

Exempel på punktlista med underordnad lista (punkt 3).

  • Punkt 1
  • Punkt 2
  • Punkt 3
    • Punkt 3.1
    • Punkt 3.2
    • Punkt 3.3
  • Punkt 4

Knappar

Knapp (standard)

Knapp (primär) Knapp (primär, ljus)

Knapp (länk) Knapp (länk, ljus)

Knapp (info) Knapp (info, ljus)

Knapp (framgång) Knapp (framgång, ljus)

Knapp (varning) Knapp (varning, ljus)

Knapp (fara) Knapp (fara, ljus)

Formulär

Intruktioner angående textfält

Tabeller

Rubrik 1 Rubrik 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
Rubrik 1 Rubrik 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
Cell 3-1 Cell 3-2
Cell 4-1 Cell 4-2

Meny

Kort

"Informationsrutor" heter kort i Bulma, medan paneler är element som används för diverse listor.

Kort med enbart text

Korttitel

Kort med titel och text

Paneltitel

Länk 1 Länk 2 Länk 3

Meddelandetitel

Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum amet iste harum maxime, ullam hic dolores est nobis ducimus fugiat corporis, distinctio veniam pariatur sapiente cupiditate aliquam aut debitis. Recusandae provident fugiat quaerat, ipsum amet doloremque, quas deleniti harum quod atque nam eius facere veritatis ex expedita nisi illum libero.