Please enable JavaScript to use CodeHS

Utah Web Development 2

Bootstrap

This module introduces students to Bootstrap, an HTML and CSS framework for developing responsive, professional websites. Students use Bootstrap to develop several professional, mobile responsive websites.

Lessons

2.1 What is Bootstrap?

  • What is Bootstrap?
  • Example Bootstrap Mobile Site
  • Real World Bootstrap: OneNYC
  • Responsive vs Unresponsive
  • Favorite Bootstrap Site

2.2 Getting Started with Bootstrap

  • Getting Started with Bootstrap
  • Getting Started Quiz
  • First Bootstrap Page
  • Cascading Style Sheets
  • Container-Fluid Page
  • +4 more

2.3 The Bootstrap Grid System

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

2.4 Bootstrap Components

  • Bootstrap Components
  • Bootstrap Components Quiz
  • Text Formats
  • Making Buttons
  • Button Groups
  • +8 more

2.5 More Bootstrap Components

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

2.6 Navigation Bars

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

2.7 Drop Down Menus

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

2.8 Using Bootstrap Examples to Create a Media Carousel

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

2.9 Bootstrap Quiz

  • Bootstrap Quiz
  • Bootstrap Badge

Courses that include this module