87

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

Brad Larson
  • 169,393
  • 45
  • 393
  • 567
Lijin Durairaj
  • 4,139
  • 10
  • 44
  • 74
  • 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

102

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
  • 26,561
  • 17
  • 107
  • 129
Kishore Kumar
  • 12,319
  • 27
  • 91
  • 151
  • 6
    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