88

What is the difference between bootstrap.css and bootstrap-theme.css found in the bootstrap file when we download bootstrap?

Brad Larson
  • 170,088
  • 45
  • 397
  • 571
Lijin Durairaj
  • 4,910
  • 15
  • 52
  • 85
  • 7
    Well this is a valid question, but there is already an answer over here : http://stackoverflow.com/questions/18327543/how-to-use-bootstrap-theme-css-with-bootstrap-3 – DollarAkshay May 21 '16 at 16:53
  • 1
    Does this answer your question? [How to use bootstrap-theme.css with bootstrap 3?](https://stackoverflow.com/questions/18327543/how-to-use-bootstrap-theme-css-with-bootstrap-3) – Ian Kemp Mar 02 '21 at 13:37

1 Answers1

103

bootstrap.css is the core css for BootStrap that defines all the style for various controls/components, where as bootstrap-theme.css defines the themes (gradient/animation) for buttons,dropdown menu,navbar,progressbar,panels.

Most of the times adding bootstrap.css is enough for bootstrap to work, but for gradient/animation, you can use bootstrap-theme.css.

You can see the difference on https://getbootstrap.com/docs/3.4/css/#buttons and then click on "Preview theme" from the very bottom of the menu on the right-hand side of the page.

Ian Kemp
  • 28,293
  • 19
  • 112
  • 138
Kishore Kumar
  • 12,675
  • 27
  • 97
  • 154
  • 7
    Seems like calling it 'bootstrap-gradient-theme' or 'bootstrap-alternative-theme' would have cut down on some confusion. – d512 Feb 19 '17 at 19:15