Tutorial describing a 5 step setup for a more productive Bootstrap workflow: LESS files are compiled automatically, the browser renders changes instantly, etc.
In the previous post Bootstrap 3 Sortable Table we learned how to use the plugin to create a sortable table. In this tutorial I’ll show you how to create a sortable table styled by Bootstrap 3: when you change variables in a Bootstrap 3 theme the sortable table will automatically change its style too.
In previous LESS tutorials we examined how to work with variables, (parametric) mixins and nesting. This time we’ll put this knowledge into practice by creating a Bootstrap 3 pricing table styled with LESS.
Want to same time when writing a style sheet?
Parametric mixins offer a great way to do this. Especially if you know how to create parametric mixins with default values.
In the tutorial Styling with LESS we saw that LESS Mixins are classes that can be mixed into other classes. This is especially time saving when we use a class containing several lines of code and mix that in to define another class.
Parametric Mixins give us flexibility. We can use the same rule set to define another class but customize it in different situations with the parameter(s).
One of the features of LESS is that you can avoid writing long selector names and use Nesting. LESS Nesting also has the advantage that you reflect the hierarchical DOM structure when constructing style rules.
In this tutorial I’ll tell you about the principles and practical uses of LESS Nesting.