In the previous chapter, we imported the built-in variables from Bootstrap. However, we need to define our own variables to meet the special requirement for our website.
In Chapter 1, Responsive Web Design, we discussed how to define a variable in LESS. But just in case you are not willing to flip back to the previous chapter, the variable in LESS is simply defined with the @
symbol.
For example, the following code snippet defines the white color with the @color
variable:
@color: #fff;
This is just a small tip. You can name the variable as desired, but make sure that the name is logical to the variable purpose, descriptive, easy to memorize, and also easy to write.