Bootstrap 4 with Sass

Description

What you’ll learn:

• Installing Bootstrap 4
• Installing additional fonts and libraries
• Customizing Bootstrap 4
• Configuring Sass variables
• Adjusting global settings
• Using utility mixins
• Adjusting components with CSS and Sass

Syllabus:

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

Show more