How to use Bootstrap with less in an express node js project?

Question

I'm already using bootstrap.css. But i would like to surcharge the less variables without using bootstrap customize editor.

I would like to add a less file in my project. My project is a simple nodejs project with express and harpejs.

Where to find the less file ? Using express it will compile it when i will deploy the project ?

Thanks.

Answer 1

Look at using bower.

npm install -g bower
bower install bootstrap

You will then find all the less files in bower_components/bootstrap/less/*. Copy the bootstrap.less file to your CSS directory and make alterations (make sure the paths are correct).

You can then look at using some Grunt tasks to get the less to build.