Time for action – creating style sheets and organizing external style sheet references

Perform the following steps to manage the style sheet references:

  1. Go to the project directory and create a new style sheet named var-bootstrap.less in assets/less directory. This style sheet contains the copy of Bootstrap's predefined variables. This copy will allow us to customize the variables without affecting the initial specifications.
  2. Hence, copy the Bootstrap variables in the variables.less style sheet of the /bootstrap/less directory. Paste the complete variables into var-bootstrap.less that we only created in step 1.

    Tip

    For your convenience, you may also copy Bootstrap variables directly from the Github repository (http://git.io/7LmzGA).

  3. Create a new style ...

Get HTML5 and CSS3: Building Responsive Websites now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.