[SOLUCIONADO] Problema con css bootstrap

[sergiodueso]

Buenas tardes, estoy haciendo una página web con bootstrap y en una de las partes de la página, muestro una galería de imágenes. Al colocar los link de css, si los cojo directamente de la página de bootstrap, la galería me aparece perfecta. Ahora he cogido el código de ese css y lo he copiado a un archivo con el mismo nombre a mi carpeta donde guardo los css, pero, cual es mi sorpresa... La galería no aparece igual, de hecho, aparece descuadrada. ¿Cuál es la causa? Gracias

[petit89]

la ruta no debe estar bien definida...

muestranos el codigo y aparte dinos como tienes estructuradas las carpetas

[sergiodueso]

Buenos días. Pues no sé como hacerlo. Os pongo como tengo los links:

Código HTML:

<link href="bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet">
    <!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="css/jquery.bsPhotoGallery.css" rel="stylesheet">
 

Tengo una carpeta css donde guardo todos los archivos css que tengo. En la primera linea, si le pongo: "css/bootstrap.min.css", no funciona, sin embargo, si lo saco a la carpeta raíz, funciona. Y es el mismo archivo que está en la carpeta css. También si lo cojo de la página de bootstrat como cdn, funciona también. Gracias.

[mortiprogramador]

¿y si se intenta con un / antes de la palabra css?
¿el sitio está montado sobre un server?

[sergiodueso]

El sitio está montado en local con easyphp

[sergiodueso]

Buenos días. Otra pregunta: ¿Cómo puedo hacer para que salgan las fotos más pequeñas? Os pongo el css que tengo.

Código CSS:

@charset "utf-8";
/* CSS Document */
#bsPhotoGalleryModal .modal-content {
    border-radius:0;
}
#bsPhotoGalleryModal .modal-dialog img {
    text-align:center;
    margin:0 auto;
    width:100%;
}
#bsPhotoGalleryModal .modal-body {
    padding:0px !important;
}
#bsPhotoGalleryModal .bsp-close {
  position: absolute;
  right: -14px;
  top: -11px;
  font-size: 30px;
  color:#fff;
  text-shadow: 1px 1px 18px #000;
}
 
#bsPhotoGalleryModal .bsp-close:hover {
  cursor: pointer;
  opacity:.6;
  text-shadow: none;
 
}
.bspHasModal {
  cursor: pointer;
}
.bspHasModal .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imgWrapper {
  overflow: hidden;
  max-height: 99px;
}
 
a.bsp-controls,
a.bsp-controls:visited,
a.bsp-controls:active {
  position: absolute;
  top: 44%;
  font-size: 26px;
  color: #fff;
  text-shadow: 1px 1px 18px #000;
}
a.bsp-controls.next {
  right:-10px;
}
a.bsp-controls.previous {
  left:-10px;
}
a.bsp-controls:hover {
  opacity:.6;
  text-shadow: none;
}
.bsp-text-container {
  clear:both;
  display:block;
  padding-bottom: 5px;
}
#bsPhotoGalleryModal h6{
  margin-bottom: 0;
  font-weight: bold;
  color: #000;
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 5px;
}
#bsPhotoGalleryModal .pText {
  font-size: 11px;
  margin-bottom: 0px;
  padding: 0 12px 5px;
}
 
 
@media screen and (max-width: 380px){
   .col-xxs-12 {
     width:100%;
   }
   .col-xxs-12 img {
     width:100%;
   }
}
 

Porque he cambiado el width aquí:

Código CSS:

#bsPhotoGalleryModal .modal-dialog img {
    text-align:center;
    margin:0 auto;
    width:100%;
 

y me sigue saliendo igual.
Gracias.