O'Reilly logo

Sass and Compass Designer's Cookbook by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Configuring Bootstrap using variables

Bootstrap 4 comes with opt-in flexbox support. You can enable flexbox support by switching a Boolean variable and recompiling your CSS. In this recipe you will learn how to do this.

Getting ready

As already mentioned, enabling flexbox support is as simple as switching a Boolean variable and recompiling your CSS. So, first read the Downloading and installing Bootstrap and the Customizing Bootstrap using variables recipes of this chapter. In this recipe, you also will make use of the page inspector of your browser.

There are two main ways to open the Inspector:

  • Without an element selected: Choose the Inspector option from the Web Developer menu or the equivalent keyboard shortcut
  • With an element selected: Right-click ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required