5 prism_languages: [css, html]
11 Basic guide on how to use Bulma, the lightweight css flexbox framework.
18 ' ' ' ' ' ' ' ' ' ' ' '
19 <---------^------------^------------------^-------------^------------->
20 mobile tablet desktop widescreen fullhd
28 Wrap as many `.column`'s' as you like in a `.columns` wrapper
31 <div class="column"></div>
32 <div class="column"></div>
33 <div class="column"></div>
34 <div class="column"></div>
35 <div class="column"></div>
41 The following CSS classes affect the **colour**.
52 The following classes modify the **size**.
59 The following classes modify the **state**.
65 ### Typography Helpers
67 The following classes modify the **font-size**
71 | `.is-size-1` | 3rem |
72 | `.is-size-2` | 2.5rem |
73 | `.is-size-3` | 2rem |
74 | `.is-size-4` | 1.5rem |
75 | `.is-size-5` | 1.25rem |
76 | `.is-size-6` | 1rem |
77 | `.is-size-7` | 0.75rem |
79 The following classes **align** the text
83 | `.has-text-centered` | Makes the text **centered** |
84 | `.has-text-justified` | Makes the text **justified** |
85 | `.has-text-left`. | Makes the text align to the **left** |
86 | `.has-text-right` | Makes the text align to the **right** |
88 The following classes **transform** the text
90 | Class | Transformation |
92 | `.is-capitalized` | Transforms the **first character** of each word to **uppercase** |
93 | `.is-lowercase` | Transforms **all** characters to **lowercase** |
94 | `.is-uppercase` | Transforms **all** characters to **uppercase** |
100 <!-- start WYSIWYG contents -->
108 <!-- end WYSIWYG contents -->
112 To provide default stylings for commonly generated WYSIWYG contents, use the `.content` class.