Learning Less.js

Dissecting Bootstrap's theme mixins

In addition to the core styles and mixins, Bootstrap provides a number of additional mixins that are incorporated into the Bootstrap theme's JavaScript and CSS files.

You can view these in the mixins subfolder under the less folder within the GitHub repository—it is worth noting that these do not appear in the Source Code option when downloading files from http://www.getbootstrap.com. Let's take a look at what lies within this folder—the mixins fall into a number of groups.

Utilities

Name of Mixin file	Used to
hide-text.less	Hide images when using CSS image replacement
opacity.less	Set opacity levels
image.less	Make images responsive.
labels.less	Define colors for labels
reset-filter.less