Estoy usando bootstrap como framework para diseñar una cosa absurda.
El problema que tengo es el siguiente...
Aquí llamo a todos los archivos de bootstrap que necesito para el diseño, y hasta aquí bien.
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrapmin.js"></script>
<link href="bootstrap/css/bootstrapmin.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsivemin.css" rel="stylesheet">
Este es el resultado:
(https://fotos.subefotos.com/468a629903f0bad5fef301eb26742a89o.png)
El problema es que el panel no lo carga. (lo que veis debajo del navegador), asique añado este archivo a mayores.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
El resultado es el siguiente:
(https://fotos.subefotos.com/c91be3a0f2e49ae4f706b162e518dd5do.png)
Como podéis ver, el panel ahora lo carga, pero el menú se distorsiona. Me estoy volviendo loco y no sé el por qué ¿hay alguna forma de implementar el diseño unicamente sobre el panel y no sobre toda la página?
Lo malo es que el css se aplica de a por documento.
Lo normal aquí es sobreescribir las reglas CSS que te están molestando.
También podrías prefijar todas las reglas del último CSS con alguna clase y añadir el panel dentro de una capa con esa clase también.
Cita de: NoBullshit en 28 Febrero 2017, 16:00 PM
Lo malo es que el css se aplica de a por documento.
Lo normal aquí es sobreescribir las reglas CSS que te están molestando.
También podrías prefijar todas las reglas del último CSS con alguna clase y añadir el panel dentro de una capa con esa clase también.
Terminé entrando en el documento de css que boostrap da, y buscando los estilos del panel. De forma que en lugar de llamar a todo ese CSS, solo implemento la sección del panel, y funciona, pero... Pensé que quizá había alguna forma de implementar todo el css sobre un solo elemento.
Hola colega, borra o comenta los links de estilos y de Js que tengas y prueba poner los links embebidos de la pagina de bootstrap y me cuentas que sucedio
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
Solo esos dos son necesarios