Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap grid - have empty columns on the left

If I have a bootstrap grid that is a set number of columns (be it 3 or 4 or 6 columns), can I use CSS in any way to ensure the empty columns are on the left rather than the right or do I need to add empty entries into the left hand columns?

So if the column count is 4 (col-xs-3) and I have 5 entries, I want the first row to be value|value|value|value and then the second row would be empty|empty|empty|value

Is this possible?

like image 231
Mike Avatar asked Feb 05 '23 23:02

Mike


1 Answers

If you don't want to stub in empty columns, you can push the entire div to the right via offset. Just use a .col-md-offset-9 to push it to the right:

<div class="col-md-3 col-md-offset-9">All of the way on the right.</div>
like image 195
Lynn Crumbling Avatar answered Feb 08 '23 14:02

Lynn Crumbling