Please enable JavaScript to use CodeHS

Diseño web (Picasso) [2022]

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 Bootstrap
  • Bootstrap en el mundo real: OneNYC
  • Sensible vs No Sensible
  • Sitio Bootstrap favorito

7.2 Primeros pasos con Bootstrap

  • Primeros pasos con Bootstrap
  • Getting Started Quiz
  • First Bootstrap Page
  • Container-Fluid Page
  • Using the Bootstrap Skeleton
  • +3 more

7.3 Jumbotron Pages

  • Jumbotron Pages (Spanish)
  • Jumbotron Pages Quiz
  • First Jumbotron Page
  • Realty: Jumbotron
  • Your First Jumbotron
  • +4 more

7.4 The Bootstrap Grid System

  • The Grid System
  • The Bootstrap Grid Quiz
  • Grid System Example
  • Column Overflow
  • Different Device Sizes
  • +6 more

7.5 Bootstrap Components

  • Bootstrap Components
  • Bootstrap Components Quiz
  • Page Headers
  • Creación de botones
  • Button Groups
  • +7 more

7.6 More Bootstrap Components

  • More Bootstrap Components
  • More Bootstrap Components Quiz
  • Thumbnail Skeleton
  • Kitten Thumbnails
  • Table Skeleton
  • +10 more

7.7 Navigation Bars

  • Navigation Bars
  • Navigation Bars Quiz
  • Navbar Docs
  • Simple Nav Tabs
  • Basic Navbar
  • +7 more

7.8 Drop Down Menus

  • Drop Down Menus
  • Drop Down Menus Quiz
  • Basic Dropdown
  • Realty: Dropdown
  • World Traveller
  • +5 more

7.9 Using Bootstrap Examples

  • Using Bootstrap Examples
  • Using Bootstrap Examples Quiz
  • Bootstrap Starter Templates
  • Realty: Carousel
  • Blog Bootstrap Template
  • +6 more

7.10 Bootstrap Challenges

  • Sticky Navbar
  • Adding Interactions
  • Team Page
  • 9. Photo Portfolio

7.11 Bootstrap Quiz

  • Bootstrap Quiz
  • Bootstrap Badge

Courses that include this module