Duda cargando CSS bootstrap.

[TrashAmbishion]

Hola a todos,

Estoy siguiendo un curso de HTML5 y BOOTSTRAP.

Tengo una duda pues en el curso dicen que carguen la CSS

Código (html4strict) [Seleccionar] Expandir

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

Y cuando cargo la pagina se me bien estilizada, descargue ese CSS para llamarlo localmente y al cargar la pagina nuevamente me carga el CSS pero no me estiliza la pagina correctamente.

Usando la herramiento Developer del Chrome cuando cargo la CSS desde internet en console no se muestra nada.

Pero cuando lo cargo localmente me saca tres errores

bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'fn' of undefined
   at bootstrap.min.js:6
   at bootstrap.min.js:6
   at bootstrap.min.js:6

Que puede ser, en el tutorial no se dice nada.

Saludos

[EdePC]

Saludos,

- Solo has cambiado ese .css, no has cambiado nada más? Bootstrap trabaja además con jQuery, ambas versiones deben de ser compatibles. Veo que usas una versión antigua de Bootstrap, revisa que tu jQuery sea compatible, esto lo ves en la web de Bootstrap > Bootstrap CDN > Examples, por ejemplo:

Código (html4strict) [Seleccionar] Expandir

<!-- 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">

<!-- jQuery (necessary for Bootstrap's javascript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- 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>

-- Me parece que tu versión de Bootstrap es compatible con el viejo jQuery 1.12.4: https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js


-- Aparte de otros recursos más que usa Bootstrap, como fuentes y temas:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

-- Recomiendo utilizar la última versión del producto: https://getbootstrap.com/docs/4.2/getting-started/download/

[TrashAmbishion]

Gracias, voy a revisar lo que comentas.

A proposito como estoy comenzando en esto quisiera saber si conoces alguna pagina con ejecicios basicos donde se utilice

Bootstrap + Html5 + CSS3

O de forma independiente

Es para comprobar lo que he aprendido.

Gracias

[EdePC]

- Hay un curso en MiriadaX que ha trascendido desde hace años, el curso está cerrado pero tengo entendido que uno se puede matricular para acceder al material:
https://miriadax.net/web/desarrollo-en-html5-css-y-javascript-de-apps-web-android-ios-8-ed-

- En el Módulo 6 - Tema 6 y 7, habla habla justamente sobre Bootstrap, puedes ver los vídeos aquí:

[youtube=640,360]https://youtu.be/UtvLFuli9ag[/youtube]

[youtube=640,360]https://youtu.be/eg4X4jvaPY4[/youtube]

- En el Tema 0, encuentras el enlace para descargar los ficheros fuente. Como ejercicio puedes tomar las fuentes básicas (imágenes, librerías, etc) y utilizar Bootstrap para replicar los ejercicios de los vídeos.

- También puedes ver las capacidades de Bootstrap en los ejemplos que están en su página oficial:
https://getbootstrap.com/docs/4.2/examples/