Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Nilrac en 3 Marzo 2016, 06:37 am



Título: Class personalizadas y no las de Bootstrap
Publicado por: Nilrac en 3 Marzo 2016, 06:37 am
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.


Título: Re: Class personalizadas y no las de Bootstrap
Publicado por: Shell Root en 3 Marzo 2016, 15:20 pm
Pues yo por ej hago lo siguiente:

Código
  1.   <link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/bootstrap.min.css" />
  2.   <link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/bootstrap-theme.min.css" />
  3.   <link rel="stylesheet" type="text/css" href="http://127.0.0.1/a/assets/css/dashboard.css" />
  4.  
  5.   <script type="text/javascript" src="http://127.0.0.1/a/assets/js/jquery-1.12.0.min.js"></script>
  6.   <script type="text/javascript" src="http://127.0.0.1/a/assets/js/bootstrap.min.js"></script>
  7.   <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.


Título: Re: Class personalizadas y no las de Bootstrap
Publicado por: eLank0 en 4 Marzo 2016, 14:29 pm
Existe la cláusula
Código
  1. !important
de las reglas CSS.

Salu2


Título: Re: Class personalizadas y no las de Bootstrap
Publicado por: MinusFour en 4 Marzo 2016, 14:42 pm
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.