Bulma Content Sizes

Bulma Content size is an important component that has been use to define the size of the content. There are some predefined tags for the content based on that this class set the size of the content.

Bulma Content Size Class:

• is-small: This class set the content size small.
• is-normal: This class set the content size normal which is default.
• is-medium: This class set the content size medium.
• is-large: This class set the content size large.

Syntax:

<div class="content Size class">
....
</div>

Below example illustrate the Bulma Content Sizes:

Example: In this example we will display 4 different sizes same content.

Output:

👁 Bulma Content Sizes

Reference: https://bulma.io/documentation/elements/content/#sizes