Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Bootstrap Media Components

via CodeSignal

Overview

Explore the advanced features of Bootstrap, focusing on creating dynamic and responsive content using various media components. This course covers everything from setting up responsive images and embedding videos to integrating carousels and media objects. You will learn how to enhance your web pages with rich multimedia content.

Syllabus

  • Lesson 1: Responsive Images and Thumbnails
    • Bootstrap Responsive Image and Thumbnail
    • Modify And Add Image Classes
    • Fix Bootstrap Image Styling
    • Add Bootstrap Styling for Images
    • Creating Bootstrap Image Gallery
  • Lesson 2: Embedding Videos
    • Embedding Videos in Bootstrap
    • Adjust Aspect Ratios for Videos
    • Fix Fullscreen Issue in Embedding Videos
    • Embedding Travel Videos with Bootstrap
    • Embedding Videos from Scratch
  • Lesson 3: Bootstrap Carousels
    • Implement a Bootstrap Carousel
    • Modify Carousel Attributes
    • Fix the Carousel Bug
    • Complete the Landscape Carousel
    • Bootstrap Carousel from Scratch
  • Lesson 4: Bootstrap Media Objects
    • Bootstrap Media Objects in Action
    • Alignment in Media Objects
    • Fix the Media Object Bug
    • Complete the Media Object Structure
    • Create a Music Review Layout
  • Lesson 5: Advanced Media Integration
    • Bootstrap Figure and Gallery Example
    • Align Image Captions with Bootstrap
    • Fix the Gallery Integration
    • Complete Bootstrap Gallery Component
    • Creating a Media Gallery with Bootstrap

Reviews

Start your review of Bootstrap Media Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.