wolfy1339 wolfy1339 - 27 days ago 9
CSS Question

How do I make Bootstrap v4 look like v3

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)?

Answer

The separate theme (bootstrap-theme.min.css) has been removed from v4.

Replaced the separate optional theme with configurable options via SCSS variables

http://v4-alpha.getbootstrap.com/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.

Comments