Bootstrap Css

[redomir]

Hola , estoy empezando con Bootstrap pero hay algo que no termino de entender.

Si uso los css que trae el paquete por defecto y por ejemplo monto un menu li. ¿Como cambio el estilo de ese menu? ¿Tengo que modificar los archivos css que trae o puedo poner uno propio mio?

Gracias.

[chichote]

Una buena práctica es que cargues el archivo min de bootstrap, y seguido cargues tu propio css donde vas pisando los estilos. En simples palabras, agrega bootstrap y olvidate de que lo tienes ahi, y trabaja en tu css como si bootstrap no existiera.

saludos.

[redomir]

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?

[hackjose]

Tambien podrias checar el .css de bootstrap y ver los estilos para elementos li
El css de bootstrap es facil de leer

Asi ya no tendrias dudas y sabrias a fondo como trabaja

saludos

[chichote]

Iniciado por redomir

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.

[laco84]

como le doy el tamaño al container, saludos

[AngelKrak]

puedes hacerlo desde tu codigo CSS, nomas agrega esto >_<

Código CSS:

.container {
width: 800px;
}
 

ya tu cambias el tamaño en especifico >_<