Please enable JavaScript to use CodeHS

Florida Foundations of Web Design

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

12.1 What is Bootstrap?

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

12.2 Getting Started with Bootstrap

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

12.3 The Bootstrap Grid System

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

12.4 Bootstrap Components

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

12.5 More Bootstrap Components

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

12.6 Navigation Bars

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

12.7 Drop Down Menus

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

12.8 Using Bootstrap Examples

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

12.9 Bootstrap Challenges

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

12.10 Bootstrap Quiz

  • Bootstrap Quiz
  • Bootstrap Badge

Courses that include this module