Menu
I am using Bootstrap 3.3.7 and I'm looking to migrate to v4.
I previously included bootstrap.min.css and bootstrap-theme.min.css in my HTML, but while migrating to v4, I couldn't find bootstrap-theme.min.css anymore, and I didn't know where it was or what alternatives there were.
Where can I get bootstrap-theme.min.css for the latest v4 release or the closest equivalent using vanilla Bootstrap (by only editing SCSS variables)?
This question was originally posted on Bootstrap's GitHub Issue Tracker by @pankajparkar
320
It's not possible to integrate both bootstrap3 and bootstrap 4 because of many classes of the bootstrap library with the same name.
Bootstrap 4 is not backward compatible with Bootstrap 3.
While Bootstrap 3 provided Skip navigation, Nested headings, and color contrast, Bootstrap 4 has improved the accessibility with its components. Styling and layout from version 4 can be applied to a wide range of markup structures.
1. Bootstrap 3 has 4 tier grid system that includes xs, sm, md, and lg. Bootstrap 4 has 5 tier grid system that includes xs, sm, md, lg, and xl. 2.
The separate theme (bootstrap-theme.min.css) has been removed from v4.
Replaced the separate optional theme with configurable options via SCSS variables
https://getbootstrap.com/docs/4.0/migration/#global-changes
In order to get it to look a little more like v3 did, you have to add these SCSS variables as per the v4 docs:
$enable-gradients: true;
$enable-shadows: true;
and then re-compile the SCSS source.
Note: Don't forget to follow the migration docs in order to not get any components that aren't working or other migration surprises.
162
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With