Séptima práctica

[jinchuika]

Problema

Hacer una página web utilizando Bootstrap 3.

Restricciones

• [x] La página debe tener una barra de navegación con al menos dos dropdowns (funcionales).
• [ ] La página debe tener una sección principal con un row.
• [ ] El row debe tener dos secciones, una de tres columnas y otra de 9 columnas.
• [ ] La sección de tres columnas (navegación) debe tener una lista con al menos tres elementos.
• [ ] La sección de 9 columnas (principal) debe tener un título legend y texto.
• [x] La página estará alojada en una carpeta con subcarpetas que contengan las diferentes clases de archivos. Se accede a la misma desde un archivo llamado index.html.

website
├── index.html
├── css/
|    └── bootstrap.css
└── js/
    ├── jquery.js
    └── bootstrap.js

Objetivos

• Aprender a incluir librerías de css y javascript.
• Aprender a utilizar Bootstrap 3.
• Usar barras de navegación.
• Aprender a crear dropdowns.
• Utilizar las propiedades del grid de Bootstrap para maquetar sitios web.
• Aprender a incluir componentes de Bootstrap dentro del diseño de una página. En este caso, list groups.

  Extras

• Plantilla de una página en Bootstrap.
• Ejemplos oficiales de Bootstrap (ver los de navbars)
• Sitio oficial de Jquery (necesario para los dropdowns).
• Tag para importar jquery sin descargarlo.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

[jinchuika]

Sí te funciona, sólo que no le pusiste rows. Eso va a afectarte ya cuando tengas páginas con muchas secciones y con grids más avanzados

No usaste las medidas del grid que te había dicho (3 - 9), sino que usaste 2 - 8. Está bien, igual el punto no es aprender a usar una única medida. Lo importante es que aprendas qué significan esas medidas.