Customizing Bootstrap 3 with LESS

with Jen Kramer
please wait ...
Customizing Bootstrap 3 with LESS
Video duration: 0s 1h 36m Intermediate

Viewers:

Do more with LESS in Bootstrap. In this course, Jen Kramer shows you how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap's own customization screens. You'll learn how to configure Prepros, a LESS compiler; work within the LESS file structure; and start modifying fonts, color, spacing, and more with the variables.less file. Then LESS's mixins will allow you to make advanced customizations like custom buttons and tab styles. Just press Play to start learning.

Topics include:
  • Setting up your working environment for Bootstrap and LESS
  • Understanding the LESS file structure
  • Creating and manipulating LESS variables
  • Working with LESS mixins
  • Creating custom styles using mixins and variables
Subject:
Web
Software:
Bootstrap LESS
Author:

Welcome

- [Voiceover] Hi, I'm Jen Kramer. Welcome to Customizing Bootstrap 3 with LESS. In this course, I'll show you how to work with LESS to add custom styling to you Bootstrap website. We'll start by configuring your computer with pre pros, a sass and LESS compiler. Next, we'll download Bootstrap's LESS files and explore their structure. We'll work with variables.less which provides lots of control of variables to change colors, fonts, spacing, and more in your Bootstrap site.

Finally, we'll look at the wild and wonderful side Bootstrap including some functions, math, mixens, extending styles, and much more to create some very cool effects. So if you're ready, let's get started with Customizing Bootstrap 3 with LESS.

please wait ...