Hello, first of all I'm a beginner in Bootstrap and I'm still a little lost in parts: D
I'm making a website, but I'm having second thoughts. Inside a 'container' I put two other containers, I used 'col-lg-8' and 'col-lg-4' for each one respectively, as if one was where the content would be and another for advertisement / menu side / something of the type.
But they are stuck and I wanted to give them a space, so I used 'mr' in the first one, but the second 'container' went down (which is already technically expected since there would be no room for the 4 columns.
One solution he had thought of was to trade 'col-lg-4' with 'col-lg-3' and use that 1 column to be left over to get the space between them. My question is: can I do it this way, if not, what would be the best way to do it?
<div class="row">
<div class="container border col-lg-8 col-md-12" style="padding: 0px;">Principal</div>
<div class="container border col-lg-4 col-md-12" style="padding: 0px">Menu Lateral</div>
</div>