How to Get Centered Content in Bootstrap ?

The task is to center content using bootstrap. The approach of this article is to get a Centered Content in Bootstrap by using a simple in-built class .text-center to center align all the inline elements like text, images, links, etc. under a block element i.e <div> or <p> element. 

Note: This solution only works in the Bootstrap 3 or 4 versions. 

Example: 

Output: