Foros del Web » Creando para Internet » Diseño web »

Consulta con col en bootstrap

Estas en el tema de Consulta con col en bootstrap en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/08/2015, 10:21
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 9 años, 8 meses
Puntos: 15
Consulta con col en bootstrap

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?
  #2 (permalink)  
Antiguo 30/08/2015, 09:05
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 5 años, 8 meses
Puntos: 263
Respuesta: Consulta con col en bootstrap

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:
Ver original
  1. <style type="text/css">
  2. /*Reglas pantalla normal*/
  3.  
  4.  
  5. /*En caso de movil*/
  6. @media screen and (max-width:480px){
  7.     #1{
  8.         display: none;
  9.     }
  10.     #2{
  11.         width:100%;
  12.     }
  13. }
  14. </style>
aunque falta dar mas info para poder darte una mejor solucion
__________________
[email protected]
HITCEL

Etiquetas: bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:49.