Bootstrap

¿Qué es Bootstrap?

• Un software web, que sirve para crear

  páginas web de manera rápida y sencilla

• Un framework CSS, que sirve para maquetar

  páginas web de manera rápida y sencilla

• Un CMS, como wordpress, que sirve para crear

  páginas web de manera rápida y sencilla

• Una plantilla html, que sirve para maquetar

  páginas web de manera rápida y sencilla

Para utilizar Bootstrap hay que ...

• agregar las clases en las etiquetas de mi documento html

• agregar selectores y propiedades en mi documento css

• definir en un documento externo como quiero que se vea mi página

• utilizar los comentarios de html para definir como quiero que se vea mi página

¿Qué significa que una página web es responsiva?

• La página web es capaz de transformarse y cambiar su contenido en función de lo que haga el usuario

• La página web es posible instalarla en un smartphone como si fuera una aplicación

• La misma página web es posible

  verla en diferentes dispositivos de diferentes tamaños y se acomode para mostrarse bien en el espacio disponible

• La página permite añadir información de forma dinámica, así como wikipedia

¿Para que sirve el sistema de grilla en Bootstrap?

• Nos ayuda a disponer contenido de forma fácil en una cuadricula arrastrando los elementos desde el pc a la pantalla

• Nos ayuda a crear tablas para disponer información, como listados u hojas de excel

• Nos ayuda a disponer el contenido según

  nuestras necesidades, en las 12 columnas disponibles

• Nos ayuda a disponer el contenido en una plantilla fija de 12 columnas, de un ancho y altura fija

¿Cual es la clase que permite crear una fila de columnas?

• class="row"

• class="fila"

• class="col"

• class="col-3"

¿Con cuál de estas opciones puedo crear una fila de 3 columnas?

• 
• 
• 
• 

¿Con cuál de estas opciones puedo mostrar una sola columna para una pantalla pequeña y 4 columnas para una pantalla grande?

• 
• 
• 
• 

¿Con qué opción puedo obtener una distribución de columnas como la mostrada en la imagen?

• 
• 
• 
•