Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Fallo Bootstrap slide show y menú

 Estas en el tema de Fallo Bootstrap slide show y menú en el foro de CSS en Foros del Web. Buenas no sé que he podido tocar pero el slideshow que tengo no me pasa y además si hago más pequeña la ventana del navegador, ...
  #1 (permalink)  
Antiguo 11/04/2016, 08:33
 
Fecha de Ingreso: diciembre-2012
Ubicación: Cáceres
Mensajes: 22
Antigüedad: 11 años, 3 meses
Puntos: 0
Fallo Bootstrap slide show y menú
Buenas no sé que he podido tocar pero el slideshow que tengo no me pasa y además si hago más pequeña la ventana del navegador, cuando mi navbar se reduce para dispositivos pequeños no se me despliega...

No sé que ha pasado pero juraría que no he tocado nada... solo puse el formulario de abajo...


Tengo la web en esta dirección : http://josecabrera.webcindario.com/

Aparte os pongo el enlace con un .rar de todos mis ficheros:

https://mega.nz/#!uVQ0AYoK!7yeV1QCwv62E4xCWsroKLmgnQnhWOtY0D9NeAgJ Lj6A

También os pongo el código de mi index.html debe ser alguna tontería lo que me falla pero no le encuentro solución no sé que hacer...

Código HTML: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Documento sin título</title>
  6.  
  7. <!--Bootstrap CSS-->
  8. <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  9.  
  10. <!--CSS personalizado-->
  11. <link href="css/CSS-PERSONALIZADO.css" rel="stylesheet" type="text/css">
  12.  
  13. <!--CSS Modifico barra de navegación y Formulario-->
  14. <link href="css/nav-from.css" rel="stylesheet" type="text/css">
  15.  
  16. <!--IMPORTANTE PARA DISPOSITIVOS MÓVILES-->
  17. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
  18. </head>
  19.  
  20. <body>
  21. <header>
  22.   
  23.         <nav class="navbar navbar-default navbar-fixed-top navpersonalizado" role="navigation">
  24.             <div class="container">
  25.                 <!--Incluimos el icono de inicio más el icono desplegable en formato móvil-->
  26.                 <div class="navbar-header">
  27.                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navegacionjose">
  28.                         <span class="sr-only">Desplegar/Ocultar menú</span>
  29.                         <span class="icon-bar"></span>
  30.                         <span class="icon-bar"></span>
  31.                         <span class="icon-bar"></span>
  32.                     </button>
  33.                     <a class="navbar-brand" id="iconoinicio" href="#"> <!--Creo ID para cambiar tipografía a José Cabrera-->
  34.                         José Cabrera
  35.                     </a>
  36.                 </div>
  37.                 <!--Insertamos el menú-->
  38.                 <div class="collapse navbar-collapse" id="navegacionjose">
  39.                     <ul class="nav navbar-nav navbar-right">
  40.                         <li><a href="#">Portfolio</a></li>
  41.                         <li><a href="#">CV</a></li>
  42.                         <li><a href="#">Contacto</a></li>
  43.                     </ul>
  44.                 
  45.                 </div>
  46.             </div>
  47.         
  48.         </nav>
  49. </header>
  50.  
  51. <section class="sectionmodificada">
  52.     <div class="container-fluid">
  53.         <div class="col-md-12">
  54.             <div id="carousel-1" class="carousel slide" data-ride="carousel">
  55.             <!--Añado indicadores de posición-->
  56.             <ol class="carousel-indicators">
  57.                 <li data-target="#carousel-1" data-slide-to="0" class="active"></li><!--Ponemos tantos LI como fotos vayamos a poner-->
  58.                 <li data-target="#carousel-1" data-slide-to="1"></li>
  59.                 <li data-target="#carousel-1" data-slide-to="2"></li>
  60.                 <li data-target="#carousel-1" data-slide-to="3"></li>
  61.             </ol>
  62.             <!--Añado el contenedor de los slide-->
  63.             <div class="carousel-inner" role="listbox">
  64.                 
  65.                 <div class="item active">
  66.                     <img src="images/slider01.jpg" class="img-responsive" alt="#">
  67.                     <div class="carousel-caption hidden-xs hidden-sm carousel-captionmodificaion"><!--Inserto el texto del Slide y con hidden-xs oculto el texto para dispositivos móviles ya que se sale el texto-->
  68.                         <h1 class="#">José Antonio Cabrera</h1><br>
  69.                         <p class="lead">Soy José Antonio Cabrera. Diseñador gráfico/web y técnico en informática. Tengo dos ciclos formativos <span>Técnico en explotación de sistemas informáticos</span> y <span>Técnico Superior en Diseño y Producción Editorial</span> como también certificados de profesionalidad en <span> Confección y Publicación de páginas Webs, </span>, Técnico en Sistemas microinformáticos etc... Tengo conocimientos en <span>HTML5, CSS3, JavaScript y Responsive Design</span> adaptables a cualquier dispositivo como también <span>Wordpress.</span>
  70.                         </p>
  71.                     </div>
  72.                 </div>
  73.                 
  74.                 <div class="item">
  75.                     <img src="images/slider02.jpg" class="img-responsive" alt="#">
  76.                     <div class="carousel-caption hidden-xs hidden-sm carousel-captionmodificaion"><!--Inserto el texto del Slide y con hidden-xs oculto el texto para dispositivos móviles ya que se sale el texto-->
  77.                         <h1>José Antonio Cabrera</h1><br>
  78.                         <p class="lead">Soy José Antonio Cabrera. Diseñador gráfico/web y técnico en informática. Tengo dos ciclos formativos <span>Técnico en explotación de sistemas informáticos</span> y <span>Técnico Superior en Diseño y Producción Editorial</span> como también certificados de profesionalidad en <span> Confección y Publicación de páginas Webs, </span>, Técnico en Sistemas microinformáticos etc... Tengo conocimientos en <span>HTML5, CSS3, JavaScript y Responsive Design</span> adaptables a cualquier dispositivo como también <span>Wordpress.</span>
  79.                         </p>
  80.                     </div>
  81.                 </div>
  82.                 
  83.                 <div class="item">
  84.                     <img src="images/slider03.jpg" class="img-responsive" alt="#">
  85.                     <div class="carousel-caption hidden-xs hidden-sm carousel-captionmodificaion"><!--Inserto el texto del Slide y con hidden-xs oculto el texto para dispositivos móviles ya que se sale el texto-->
  86.                         <h1>José Antonio Cabrera</h1><br>
  87.                         <p class="lead">Soy José Antonio Cabrera. Diseñador gráfico/web y técnico en informática. Tengo dos ciclos formativos <span>Técnico en explotación de sistemas informáticos</span> y <span>Técnico Superior en Diseño y Producción Editorial</span> como también certificados de profesionalidad en <span> Confección y Publicación de páginas Webs, </span>, Técnico en Sistemas microinformáticos etc... Tengo conocimientos en <span>HTML5, CSS3, JavaScript y Responsive Design</span> adaptables a cualquier dispositivo como también <span>Wordpress.</span>
  88.                         </p>
  89.                     </div>
  90.                 </div>
  91.                 
  92.                 <div class="item">
  93.                     <img src="images/slider04.jpg" class="img-responsive" alt="#">
  94.                     <div class="carousel-caption hidden-xs hidden-sm carousel-captionmodificaion"><!--Inserto el texto del Slide y con hidden-xs oculto el texto para dispositivos móviles ya que se sale el texto-->
  95.                         <h1>José Antonio Cabrera</h1><br>
  96.                         <p class="lead">Soy José Antonio Cabrera. Diseñador gráfico/web y técnico en informática. Tengo dos ciclos formativos <span>Técnico en explotación de sistemas informáticos</span> y <span>Técnico Superior en Diseño y Producción Editorial</span> como también certificados de profesionalidad en <span> Confección y Publicación de páginas Webs, </span>, Técnico en Sistemas microinformáticos etc... Tengo conocimientos en <span>HTML5, CSS3, JavaScript y Responsive Design</span> adaptables a cualquier dispositivo como también <span>Wordpress.</span>
  97.                         </p>
  98.                     </div>
  99.                 </div>
  100.             
  101.             </div>
  102.             
  103.             <!--CONTROLES DERECHA E IZQUIERDA SLIDESHOW-->
  104.             
  105.             <a href="#carousel-1" class="left carousel-control" role="button" data-slide="prev">
  106.             <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  107.             <span class="sr-only">Anterior</span><!--Para dispositivos de lectura-->
  108.             </a>
  109.             
  110.             <a href="#carousel-1" class="right carousel-control" role="button" data-slide="next">
  111.             <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  112.             <span class="sr-only">Siguiente</span><!--Para dispositivos de lectura-->
  113.             </a>
  114.             
  115.             </div>
  116.         </div>
  117.     </div>
  118. </section>
  119.  
  120.  
  121.  
  122. <script src="js/jquery-1.12.3.js"></script>
  123. <script src="js/bootstrap.min.js"></script>
  124. <!-- Contact Form JavaScript -->
  125. <script src="js/jqBootstrapValidation.js"></script>
  126. <script src="js/contact_me.js"></script>
  127. </body>
  128. </html>

Gracias un saludo

Etiquetas: bootstrap, fallo, header, html, show, slide, todo, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 17:15.