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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial