1

I am using twitter bootstrap and i need to change the basic visuals of the framework like the form element etc. Is it a good practice to over write all the styles again in styles.css or modify the bootstrap.css and change the styles directly.

Is there any tutorial which teaches how to set up LESS for Bootstrap and use it ?

Harsha M V
  • 54,075
  • 125
  • 354
  • 529

3 Answers3

4

See Twitter Bootstrap Customization Best Practices regarding customization and LESS with Twitter Bootstrap.

In general, I wouldn't recommend directly modifying your bootstrap.css file, because it will make it difficult to edit in the future if/when the core css is updated by the bootstrap folks. Instead, just have a second style sheet that is referenced after the bootstrap css. Add your overrides/modifications there, like so:

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen"/>
<link rel="stylesheet" href="css/my_styles.css" media="screen"/>

Of course, for performance, consider combining these and serving them as one to reduce your http requests.

Community
  • 1
  • 1
technoTarek
  • 3,218
  • 2
  • 21
  • 25
2

You can do this in Step 3 on the Boostrap Customization page...

http://twitter.github.com/bootstrap/customize.html

Ryan McDonough
  • 9,732
  • 3
  • 55
  • 76
1

You can do depend up on your requirement. If you want to change all the form value in your website, you can modify the bootstrap file. else you can create one more file called style.css and write the css code using specific some classes.

This the tutorial may be helpfull to you
Link1,
Link2

Selvamani
  • 7,434
  • 4
  • 32
  • 43