CODEWITHSUNDEEP
csstwitter-bootstrapless
Harsha M V
Harsha M V

Reputation: 54979

Twitter BootStrap - Changing CSS Properties

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 ?

Upvotes: 1

Views: 2649

Answers (3)

Ryan McDonough
Ryan McDonough

Reputation: 10012

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

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

Upvotes: 2

technoTarek
technoTarek

Reputation: 3228

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.

Upvotes: 4

Selvamani
Selvamani

Reputation: 7684

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

Upvotes: 1

Related Questions