Bulma is a modern, free and open-source CSS framework built on flexbox. It comes with pre-styled components and elements that let you create beautiful and responsive websites fast. It is component-rich, compatible, and well documented. It is highly responsive in nature. It uses classes to implement its design.
Bulma Align self is used to align the selected items in the flexible container in many different manners such as flex-end, center, flex-start, etc.
Bulma Align self classes:
is-align-self-auto: It is used to inherit its parent container align-items property or stretched if it has no parent container. It is a default value.
is-align-self-flex-start: It is used to align the selected item at the beginning of the flexible container.
is-align-self-flex-end: It is used to position the selected item at the end of the flexible container.
is-align-self-center: It is used to place the item at the center of the flexible container.
is-align-self-baseline: Using this class, the item is placed at the baseline of the flexible container.
is-align-self-stretch: It is used to position the elements to fit the container.
Example 1: The following code demonstrates the is-align-self-flex-start class.
Please Login to comment...