Home

Vertically Center Align for Bootstrap

Code Snippet for Vertical Center Align for Bootstrap

I have seen many designers using margin and padding to align vertically center but that is not a good practice. There are different ways to align a element vertically. If you want a line of text to align vertical, line height can also be a good solution but that doesn't work for every elements and everywhere. In this code snippet, I have used display flex to wrapper and vertical align middle for content.

Live Demo

Vertically Center Align for Bootstrap


HTML

CSS

Vertically Center Align for Bootstrap Reviewed by Prem Regmi on 9:19:00 PM Rating: 5

No comments:

Designed by Next Bootstrap

Contact Form

Name

Email *

Message *

Powered by Blogger.