Problema CSS?

Iniciado por #Aitor, 28 Febrero 2017, 15:48 PM

0 Miembros y 1 Visitante están viendo este tema.

#Aitor

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.

Código (php) [Seleccionar]
<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:



El problema es que el panel no lo carga. (lo que veis debajo del navegador), asique añado este archivo a mayores.

Código ("php") [Seleccionar]
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

El resultado es el siguiente:



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?
Mi algoritmo en PHP (estupideces y más).
Código (php) [Seleccionar]
while($Se_feliz){
  Piensa_un_OBJETIVO(); // Sin excusas!
  if($Tienes_un_objetivo){
    Suspira(); // Sé paciente.
    if($Consigues_el_objetivo){ echo "¡Felicidades #Aitor!";return;
      //RETURN; ¿O volvemos a empezar?
    }else{
      Inténtalo_de_nuevo();
    }
  }
}

ThinkByYourself

#1
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.
No te voy a engañar.
Todos hemos sido programados para normalizar la psicopatía de las élites económicas y políticas, y para realimentar su patrón de ciega codicia.

#Aitor

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.

Mi algoritmo en PHP (estupideces y más).
Código (php) [Seleccionar]
while($Se_feliz){
  Piensa_un_OBJETIVO(); // Sin excusas!
  if($Tienes_un_objetivo){
    Suspira(); // Sé paciente.
    if($Consigues_el_objetivo){ echo "¡Felicidades #Aitor!";return;
      //RETURN; ¿O volvemos a empezar?
    }else{
      Inténtalo_de_nuevo();
    }
  }
}

Razzari

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
"Los ordenadores son inutiles, solo pueden darte respuestas" Pablo Picasso