Hola que tal !
Recurro a ustedes porque necesito una sencilla aclaración. tengo un sitio web ya creado (utilizo clases que fui creando CSS). Ahora quiero que mi pagina pueda adaptarse a cualquier dispositivo utilizando Bootstrap, solo necesito la adaptación mas no las clases que este ya trae prederminadas.
Cuando incluyo Bootstrap a mi sitio se desconfiguran las fuentes, las cajas de texto personalizadas, entre otras . hay alguna forma de incluir Bootstrap a mi pagina y seguir utilizando mis class ?
Gracias.
Pues yo por ej hago lo siguiente:
<head>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/dashboard.css" />
<script type="text/javascript" src="http://127.0.0.1/a/assets/js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1/a/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1/a/assets/js/fn_cliente.js"></script>
Es el CSS y JS personalizados, son los ultimos en ejecutarse para "sobreponer" los estilos. Hasta el momento no he tenido algun problema.
Existe la cláusula !important de las reglas CSS.
Salu2
Busca solamente por el grid layout de bootstrap, por ejemplo:
https://github.com/zirafa/bootstrap-grid-only
Tambien tienes purecss:
http://purecss.io/grids/
No deberían tocar los estilos de ninguno de los elementos que tienes a menos que tu le indiques cuales.