Bootstrap Basics Course (How To)
Offered By: Treehouse
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 TutorialMicrosoft 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