Ver Mensaje Individual
  #5 (permalink)  
Antiguo 04/04/2014, 09:54
Avatar de chichote
chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 5 meses
Puntos: 145
Respuesta: Bootstrap Css

Cita:
Iniciado por redomir Ver Mensaje
Gracias por contestar. Tenia algo de eso en mente, pero me surge la duda de que puede que al final con mi estilo css "destruya" el responsive ¿no?
Eventualmente podría ocurrir, pero no creo, el grid es muy simple de manejar. de hecho te hago una pequeña muestra de como funciona.

Código:
<div class="container">
     <div class="row">
          <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
          Contenido
          </div>
          <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          Sidebar
          </div>
     </div>
</div>
Es un ejemplo muy básico, en donde container es tu contenedor principal, que originalmente viene centrado con margin:0 auto y con un width definido segun el tamaño de pantalla.

el class row define una fila, y los class con el prefijo col- con las columnas, es decir tengo una fila con dos columnas.

Los tamaños de las columnas son %, y son en total 12 columnas, puedes tener columnas de tamaño 1, 2, 3, 4, ..., hasta el 12. Recuerda, son %, por ejemplo una columna tamaño 6 viene ciendo el 50% del total de columnas que es 12. Si tengo una columna de tamaño 4, es un tercio de 12, es decir aprox 33.33... %

las filas row no tienen tamaño, se comportan al ancho del container, y el container le das el tamaño que gustes.

Teniendo claro lo anterior no deberias romper el responsive.

Saludos.
__________________
http://chicho.ninja yiaaaa