Portanto, estou trabalhando com uma aparência de painel que tem a possibilidade de ter quatro 'quadrados' que podem ser ativados e dependem da função de usuário.

A linha superior geralmente fica à esquerda, pois possui quadratura em torno de 30% e a outra tem cerca de 70% de largura. Isto é bom.

No entanto, na linha inferior do painel, você pode ter dois quadrados. Quando os dois estão ligados, minha configuração atual da grade funciona muito bem, mas quando um usuário tem um quadrado 'oculto', o outro quadrado não ocupa a linha inteira.

É isso que eu tenho até agora. Não posso postar nenhum dos elementos contidos nele, mas aqui está o esboço.

<div class="row">
    <div class="col-lg-3 col-md-4 col-sm-5"></div>
    <div class="col-lg-9 col-md-8 col-sm-7"></div>

</div>
<div class="row">
    <div class="col-lg-6 col-md-8 col-sm-6">
    </div>
    <div class="col-lg-6 col-md-8 col-sm-6">
    </div>
</div>

Alguma solução para isso ou terei que trabalhar em algum tipo de lógica de back-end para descobrir se um usuário tem todas as quatro colunas mostradas ou apenas três?