Bootstrap Less is used to generate or over right the code on run-time. Once written , the less code is compiled to css either in advance or in run time.
* Bootstrap.less : is the main file which imports all the other and the one user ultimatly compiled.
* variable.less and mixing.less : They are allowes followd as they are dependencies for the rest . the formar contains the same veriables as used on the generated website.
* utilities.less : this is the last file to be imported. In order to the classes to be over right the rest of the style where necessary.
After downloading the bootstrap source code you will find the files inside the packages
To use the bootstrap less user have to download the node.js according to the platform you are going to work from nodejs.org.
now install the node js.
1. open comand window in case of windows,
2. now install grunt-cli using the command npm install -g grunt-cli
3. download and unzip the source code of bootstrap
4. nevigate to the root directory of bootstrap
5. now install by using the command npm install
6. change the code in less to be rewrite menually from the root directory of the downloaded bootatrsp under less/veriable.less.
7. now its time to reganerate the file of dist which will contain the js and style files. for that use the command grunt dist
this will genatate the dist folder again
now you are rady to use the dist folder to be include or use in your webpage.
No comments:
Post a Comment