Problema con archivos de ejemplo de Boostrap

  • Autor Autor fa.luis
  • Fecha de inicio Fecha de inicio
fa.luis

fa.luis

Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Hola Amigos, me fui a la pagina de Boostrap, me fui a la seccion de Download y luego en Source Files, me baje el .zip de archivos de ejemplos (https://github.com/twbs/bootstrap/archive/v4.4.1.zip)
Al descomprimirlo, voy a la carpeta de examples:
examples.png


Cuando quiero abrir cualquiera de los ejemplos que hay en esta carpeta, se muestran pero se muestran todos sin el CSS, he visto muchos videos donde dice que bajes estos archivos y al visualizarlos ya se ven completos sin necesidad de hacer una modificacion, podrian ayudarme?
En los archivos de ejemplo si visualizo su codigo no viene ni la etiqueta de apertura HTML ni tampoco por ningun lado la llamada a los .css o .js, pero segun tenia entendido no necesitas modificar estos ejemplos ya que se supone por eso son ejemplos.
Les dejo screen de como se ve:
exa.png
 
Última edición:
Descargaste bootstrap como tal, si requieres estilos ya creados, entonces usa bootswatch.
 
Usa la consola del navegador (f12, inspeccionar elemento...) para saber qué pasa con los estilos, 404, 403...
 
Usa la consola del navegador (f12, inspeccionar elemento...) para saber qué pasa con los estilos, 404, 403...
No viene la llamada a los estilos ni el js, se me hace muy raro porque vi el video de un tutorial donde el chico que explica, baja esos mismos files, los abre en el navegador y se ve todo bien.
 
1587750318947.webp

Debes descargar estos archivos, ya que tienen todo el css y js minificado, junto con los iconos y demás.
o en otro caso que uses los CDN que puedes agregarlos al index.html de tu sitio web.
te dejo los CDN.
// CSS
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

// JS
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

Cualquier inquietud que tengas puedo ayudarte, dejame saberlo.
 
Atrás
Arriba