![]() |
VOOZH | about |
Bulma is a free and open-source CSS framework based on Flexbox. It is component-rich, compatible, and well documented. It is highly responsive in nature. It uses classes to implement its design.
list of spacing helper classes that can be utilized to modify the size and color of the text for one or multiple viewport widths, which in turn helps to align & organize the content on the web pages. For adding spacing in the form of margins and padding (from the top, left, bottom, right, or horizontally/vertically), Bulma provides 112 spacing helpers classes. Margins can be added using m classes like m-4, my-3, mx-6, mt-3, mb-1, mr-2, ml-4, m-auto and Padding can be added using p-4, py-3, px-6, pt-3, pb-1, pr-2, pl-4, and p-auto. The values of classes can include from 0 to 6, like mt-3, mb-6, or p-5, pr-1, & so on.
Bulma List of Spacing helpers Classes:
Syntax:
<p class="Spacing-helpers-Classes"> ... </p>
Example 1: The below example illustrates the list of spacing helpers in a Bulma.
Output:
Example 2: This example illustrates the list of spacing helpers in an <img>tag and <span> tag.
Output:
Reference: https://bulma.io/documentation/helpers/spacing-helpers/#list-of-all-spacing-helpers