Bootstrap 3 Fluid Layout Example

Understanding the Bootstrap 3 Fluid Layout

Fluid by definition is the one which takes 100% width and makes content responsive as per the requirements. Below we have mentioned the steps by which we can create Bootstrap 3 Fluid layout

Steps for making Fluid Layout in Bootstrap 3

• Main container class is changed from .container to .container-fluid
• This .container-fluid uses 100% width of the viewport
• In this layout .row class uses margin of -15px left and right of the layout(Gutter)