I am trying to find the code behind BS' container-fluid so that I can learn how it works. Where can I find the source code for this w/o all the bloat?

Answer 1

Bootstrap (v4) has the following CSS rules for .container-fluid

.container-fluid{

width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

}

/* About the padding values: This is to account for the grid-system

and might not be needed in cases where you don't use bootstrap

(.row has negative margins) */

In general, the easiest way to find out what rules apply on a certain class or element is using your browser's dev tools. In Chrome, navigating to the tab "elements" will enable you to find the element in question (here the element with .container-fluid) and look at the "styles" section in your developer tools. Triggering "toggle device toolbar" allows you to simulate different resolutions to study possible media queries.