Align row to center

Hi, I need some help regarding bootstrap studio:

So I need a fullwidth background area but with a 1400px content area.

When I add a container and set width to 100% with a background color but then add a row and set that to 1400px, the row is aligned left. I am not able to align it to center.

What is the solution to this?

Thank You

Use Flexbox, it's built into BSS now.

You sorta need to Learn the Bootstrap framework if you want to use a website builder that is based on Bootstrap.

Jo, thank you.

Printninja, that's why the forum is for, to learn.

I just found the solution by myself, others can thank me later:

element.style { max-width: 1400px; margin-left: auto; margin-right: auto; }

1 Like

Bootstrap also includes a .mx-auto class for horizontally centering

So you could add the class to the row in the "Attributes" tab and it would do the same thing

1 Like

Than is exactly what I was looking for. Thank you very much :)

https://flexboxfroggy.com/ https://www.w3schools.com/bootstrap4/bootstrap_flex.asp https://getbootstrap.com/docs/4.0/utilities/flex/