Align row to center

Bootstrap Studio Help
#1

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

#2

Use Flexbox, it's built into BSS now.

#3

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

#4

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; }

#5

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

#6

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

#7

askana

Printninja, that’s why the forum is for, to learn. I just found the solution by myself, others can thank me later:

Lol... ? I don't think anyone is going to be thanking you for "discovering" that margin: 0 auto; centers a fixed width element. This is how elements were centered for 15 years before Flexbox was invented and adopted by major browsers.

You will thank me later if you take the time to learn Flexbox, and the basics of CSS positioning , before you try to build a website with Bootstrap Studio.

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