Bulma Centering Columns Option
source link: https://www.geeksforgeeks.org/bulma-centering-columns-option/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Bulma Centering Columns Option
In this article, we’ll be seeing the Bulma centering columns options. The centering column alignment option is used to align your columns centered. This class reduces the extra writing of code when there is a need of creating extra space horizontally.
Bulma Centering Columns Option Class:
- is-centered: This class is used to center the columns horizontally.
Syntax:
<div class="columns is-centered"> .... </div>
Example: Below code shows how columns are centered using is-centered class.
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"content="IE=edge"><meta name="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href=/></head><body><div class="container content has-text-centered"><h1 class="has-text-success">GeekforGeeks</h1><strong class="has-text-dark">Bulma Centering column option</strong><br><div class="columns is-mobile is-centered has-text-centered"><div class="column is-half"><p class="bd-notification is-primary"><p class="has-text-white has-background-primary">is-centered class</p></div></div></div></body></html> |
Output:
Bulma Centering Columns Option
Reference: https://bulma.io/documentation/columns/options/#centering-columns
“This course was packed with amazing and well-organized content! The project-based approach of this course made it even better to understand concepts faster. Also the instructor in the live classes is really good and knowledgeable.”- Tejas | Deutsche Bank
With our revamped Full Stack Development Program: master Node.js and React that enables you to create dynamic web applications.
So get ready for salary hike only with our Full Stack Development Course.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK