Bootstrap grid layout when div is removed

Question

So I am working with a dashboard look that has the possibility of having four \'squares\' that can be switched on and role dependant on a users role.

The top row usuall

Answer 1

You can use the auto-layout col columns which will fill the width...

<div class="row">
    <div class="col">
        ...
    </div>
    <div class="col">
        ...
    </div>
</div>

https://www.codeply.com/go/Y0WwVS7KMd