Por supuesto que puedes editar tu propia hoja de estilos, si tu pones una hoja de estilos propias detrás de la de Bootstrap te cogerá tus propios estilos CSS.
Solo tienes que modificarlos correctamente teniendo en cuenta como aplique Bootstrap las clases CSS, por ejemplo si Bootstrap:
Código CSS:
Ver original/* ESTILOS BOOTSRAP */
.body .container {
.position: relative;
.color: #333333;
/*... resto de estilos */
}
A ti no te vladrá con esto:
Código CSS:
Ver original/* ESTILOS BOOTSRAP */
.body > .container {
.position: relative;
.color: #333333;
/*... resto de estilos */
}
/* ESTILOS PROPIOS */
.mi-estilo {
.color: #FF0000;
}
Código HTML:
Ver original <div class="container mi-estilo"> División contenedora
En este caso, aunque la clase
mi-estilo esté debajo de los estilos de Bootstrap el navegador no te la tendrá en cuenta ya que prevalece la clase de estilos anidada
.body > .container. Tendría que quedar tu CSS así:
Código CSS:
Ver original/* ESTILOS BOOTSRAP */
.body > .container {
.position: relative;
.color: #333333;
/*... resto de estilos */
}
/* ESTILOS PROPIOS */
.body > .mi-estilo {
.color: #FF0000;
}