Centering bootstrap jumbotron

I have custom width of jumbotron, but it shows on left side. I am unable to find anything like that. I think jumbotron inherit width from container?

I assume if you have given it a width then it will no longer be full width and therefore aligned to the left.

You probably need to add margin:auto to the element to center it,

Place the jumbotron inside a <div class="container"> if you want the jumbotron to not extend to the edge of the screen. This is if you are using the bootstrap framework.

If not just make sure you have a width given and a margin:0 auto;

How many columns is the Jumbotro? Have you remembered to offset?

EG if it is col-md-10 then you need the col-md-offset-1 to center it…

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.