Sometimes we need an element Center horizontally and vertically. Using margin, padding, position is not a perfect solution for it. There might be a responsive issue.
display:flex is the perfect solution to center an element vertically and horizontally.
Flexbox (also know as flex) is a very powerful layout tool. It solves many layout problems that designers have been struggling to solve for a very long time. Flexbox provides more control to developers who want to build naturally responsive layouts.
The bootstrap team announced a new version of bootstrap.
Let’s check what’s new what’s gone