Consulta con col en bootstrap

[ZedGe1505]

Hola tengo el siguiente problema:

Tengo

Código:

<div class="row">
    <div class="col-6" id="1"></div>
    <div class="col-6" id="2"></div>
</div>

Lo que quiero hacer, es que cuando id 1 no exista (Visible=false) el id 2 me ocupe las 12 columnas y si el id 2 no existe (Visible=false) hacer que el id 1 ocupe 12 columnas.

Es posible hacerlo solo con bootstrap o debo usar JS?

[xfxstudios]

es posible hacerlo solo con css pero va a depender del porque se oculta el primero, es decir, si lo ocultas manualmente, si es por tamaño de pantalla o obedece a alguna consulta dinámica como con php, en todo caso podria ser algo asi:

Código CSS:

<style type="text/css">
/*Reglas pantalla normal*/
 
 
/*En caso de movil*/
@media screen and (max-width:480px){
    #1{
        display: none;
    }
    #2{
        width:100%;
    }
}
</style>
 

aunque falta dar mas info para poder darte una mejor solucion