YoVDO

Bootstrap Basics Course (How To)

Offered By: Treehouse

Tags

Bootstrap Courses Web Development Courses Responsive Design Courses Front-end Development Courses Grid Systems Courses

Course Description

Overview

Learn to build with Bootstrap, one of the most popular open source front end frameworks, to help you build a functional design and layout in little time.

What you'll learn

  • Working with components
  • Layout with the grid
  • Styling content
  • Building and laying out forms

Syllabus

Getting to Know Bootstrap

In this stage, you'll get to know the Bootstrap documentation, then learn how Bootstrap solves common layout, typography, and browser compatibility problems by building a simple project.

Chevron 6 steps
  • Rapid Development with Bootstrap

    2:01

  • Introducing Bootstrap

    5:35

  • Getting Started

    3:14

  • Creating a Simple Page

    7:31

  • Enhancing the Page

    5:07

  • Getting to Know Bootstrap Review

    6 questions

Responsive Layouts With the Bootstrap Grid

Learn Bootstrap's components and options for laying out your project, including containers, the grid system, and responsive utility classes.

Chevron 7 steps
  • Introducing the Project

    1:51

  • Layout in Bootstrap

    2:02

  • How the Bootstrap Grid Works

    5:58

  • Styling Content

    7:39

  • Column Sizing

    6:52

  • Reordering and Offsetting Columns

    7:08

  • Responsive Layouts with the Bootstrap Grid Review

    6 questions

Using Bootstrap Components

Learn to use Bootstrap’s custom styles for common code components and user interface tasks like navbars, buttons, dropdown menus, modals and more.

Chevron 9 steps
  • Building a Navbar

    9:17

  • Using Jumbotron to Showcase Key Content

    2:48

  • Buttons and Button Groups

    5:22

  • Inline Navs and Dropdown Buttons

    5:09

  • Displaying Content with Cards

    7:32

  • Building the Schedule with a List Group

    6:26

  • Displaying a Modal Window

    5:02

  • Using ScrollSpy to Highlight Nav Links

    4:22

  • Bootstrap Components Review

    6 questions

Building Forms With Bootstrap

Learn Bootstrap's control styles, layout options, and custom components for creating stylish forms that look consistent across all modern browsers and devices.

Chevron 6 steps
  • Form Groups and Form Controls

    6:23

  • Adding a Select Menu

    1:51

  • Custom Form Controls for Cross-Browser Consistency

    6:23

  • Structured Form Layouts with the Grid

    7:01

  • Add Custom CSS to Your Bootstrap Site

    5:37

  • Building Forms with Bootstrap Review

    5 questions


Taught by

Guil Hernandez

Related Courses

Introduction to Bootstrap - A Tutorial
Microsoft via edX
Advanced Styling with Responsive Design
University of Michigan via Coursera
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera