Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the difference between bootstrap.css and bootstrap-theme.css?

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

like image 699
Lijin Durairaj Avatar asked Dec 10 '14 11:12

Lijin Durairaj


People also ask

What is Bootstrap theme CSS?

Introduction to Bootstrap-Theme: Bootstrap themes are packages of HTML, CSS, and js that provide styling, UI components, and page layouts to use in a web project. The templates are already written by the developer which is used to adapt the script and easy learning of an individual for building a new website.

What is the difference between Bootstrap CSS and Bootstrap min CSS?

They have exactly the same function, but the . min. css version has been minified, meaning all whitespace has been removed to reduce file size and increase speed.

What is the difference between Bootstrap theme and template?

With themes, we've made most, if not all, of the design decisions upfront, so the product is ready to modify with your own content and publish. Bootstrap templates are scaffolds, blueprints, or base layouts that offer no custom styling past what is already included with the base Bootstrap framework.

What is difference between Bootstrap and CSS?

CSS and Bootstrap are free, front-end development frameworks designed to help developers build websites faster and easier. Major differences are that W3. CSS is a less widely used framework that only uses CSS, while Bootstrap is a more widely used framework that uses CSS and JavaScript.


1 Answers

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.

like image 120
Kishore Kumar Avatar answered Sep 23 '22 06:09

Kishore Kumar