uskana
October 19, 2020, 3:32pm
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
jo-r
October 19, 2020, 3:47pm
2
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.
uskana
October 19, 2020, 5:55pm
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;
}
1 Like
windy
October 19, 2020, 6:49pm
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
1 Like
uskana
October 19, 2020, 7:11pm
6
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/