Bootstrap 4 with Sass

Offered By: LinkedIn Learning

Tags

Bootstrap Courses Computer Science Courses Sass Courses Web Design Courses Responsive Design Courses

Course Description

Overview

Get CSS superpowers with the Sass version of Bootstrap. Learn how to create highly customized websites using Bootstrap 4.

Syllabus

Introduction

Working with Sass Bootstrap
Using the exercises for this course

1. Setting Up

Simple Sass Bootstrap installation
Working with a blog project
Installing additional fonts
Installing animate.css
Adding CSS for syntax highlighting code
Installing JavaScript libraries

2. Customizing Your Installation

Global configuration variables
Creating a custom variable file
Modifying colors
Using maps to add colors

3. Working with Global Bootstrap Settings

Enabling responsive font sizes
Gradients, shadows, and roundness
Spaces and sizes
Other global settings

4. Using Utility Mixins

Controlling breakpoints
Adjusting gutters
Modifying components
Adjusting with CSS and Sass

Conclusion

Next steps

Taught by

Ray Villalobos

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