Foro de elhacker.net

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.

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



Solo esos dos son necesarios