Horizontal and vertical centering with CSS. There are old and new CSS methods to do that. It is easier than you can imagine - it is only three lines of code, doesn't require you to specify the size of the centered element and is responsive-friendly! Center Align Form In Bootstrap- Sometimes we need the centered Aligned form in bootstrap. Here in this tutorial we are going to explain how you can center align a form in Bootstrap. For example, for one line of text, you can easily vertically center it by setting the line height to be the same height as the container. I want to vertically center the second div. In bootstrap by using .modal-dialog-centered class you can arrange modal to vertically centered. You can align text content to the left, right, and center positions as well as justify them easily using using Bootstrap. Bootstrap Text Align Classes Just choose from the classes .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed. It’s easy change the vertical-alignment of inline, inline-block, inline-table, and table cell elements. Below are the classes with the examples to easily align text content in Bootstrap. BootStrap | Text Utilities (Alignment, Wrapping, Weight etc.) Unfortunately, CSS Flexbox isn’t supported by IE9 and earlier versions. At this time (2014), a good way to center blocks vertically without using absolute positioning (which may cause overlapping text) is still under discussion. The Bootstrap libraries need to be included first to create navigation bar with Bootstrap. Bootstrap (Part-4) | Vertical Forms, Horizontal Forms, Inline Forms; How to make vertical scrollable rows in bootstrap? Recommended Posts: Differences between HTML