Please enable JavaScript to use CodeHS

Diseño web (Picasso)

Bootstrap

Este módulo presenta a los estudiantes Bootstrap, un marco HTML y CSS para desarrollar sitios web profesionales y con capacidad de respuesta. Los alumnos utilizan Bootstrap para desarrollar varios sitios web profesionales y adaptables a dispositivos móviles.

Lessons

7.1 ¿Qué es Bootstrap?

  • ¿Qué es Bootstrap?
  • Ejemplo de Sitio móvil usando Bootstrap
  • Bootstrap en el mundo real: OneNYC
  • Responsivo vs no responsivo
  • Sitio Bootstap favorito

7.2 Introducción: Bootstrap

  • Introducción de Bootstrap
  • Prueba de introducción
  • Primera página con Bootstrap
  • Página de contenedor-fluido
  • Usando el esqueleto de Bootstrap
  • +3 more

7.3 El sistema de cuadrícula de Bootstrap

  • El sistema de cuadrícula
  • Bootstrap grid test
  • Ejemplo del sistema de cuadrícula
  • Desbordamiento de columna
  • Diferentes tamaños de dispositivo
  • +6 more

7.4 Componentes de Bootstrap

  • Componentes de Bootstrap
  • Bootstrap Components Test
  • Formatos de texto
  • Haciendo botones
  • Grupos de botones
  • +7 more

7.5 Componentes adicionales de Bootstrap

  • Más componentes de Bootstrap
  • Bootstrap additional components testing
  • Esqueleto de miniatura
  • Esqueleto de gatito
  • Esqueleto de tabla
  • +10 more

7.6 Barras de navegación

  • Barras de navegación
  • Prueba de barras de navegación
  • Documentos de barra de navegación
  • Pestañas de navegación simples
  • Barra de navegación básica
  • +7 more

7.7 Menús de desplazamiento

  • Menús desplegables
  • Prueba de menú de desplazamiento
  • Desplegable básico
  • Realty: desplegable
  • Viajero del mundo
  • +5 more

7.8 Ejemplos de uso de Bootstrap

  • Ejemplos de uso de Bootstrap
  • Bootstrap sample use test
  • Plantillas de inicio de Bootstrap
  • Realty: carrusel
  • Plantilla de Bootstrap de blog
  • +6 more

7.9 Desafíos de Bootstrap

  • Barra de navegación pegajosa
  • Agregar interacciones
  • Página de equipo
  • 8. Portafolio de fotos

7.10 Prueba de Bootstrap

  • Bootstrap Test
  • Insignia de Bootstrap

Courses that include this module