Just starting out with Bootstrap
My HTML structure looks like this:
<div class="row">
<div class="col-lg-3">
First Column
</div>
<div class="col-lg-3">
Second Column
</div>
</div>
Currently, there are only two columns of size 3 each in the row, leaving blank space on the right side.
These columns can vary in number - from one to four per row.
I would like to ensure that if there are fewer than four columns with a size of 3 in the row, they should be centered instead of aligned to the left with blank space on the right.
Any suggestions on how to achieve this?