Bootstrap Container's

Bootstrap Container is used to set the content's margins with the responsive behaviors of your layout.

Types of Container's

There are 2 types of container that is.

.container(Fixed Container)
.container-fluid

1) Fixed Container

It is used to .container class to create a responsive, fixed-width container

Example:-

 <div class="container">
  <h1>My First Bootstrap Page</h1>
  <p>Bootstrap Container's Example Here.</p>
 </div>

Test it Now

2) Fluid Container

It is used to .container-fluid class to create a full width screen container.

Example:-

 <div class="container-fluid">
  <h1>My First Bootstrap Page</h1>
  <p>Bootstrap Container's Example Here.</p>
</div>

Test it Now

Border and Color of Container

Example:-

<div class="container p-3 my-3 border"></div>
<div class="container p-3 my-3 bg-dark text-white"></div>
<div class="container p-3 my-3 bg-primary text-white"></div>

Test it Now

Next Topic Bootstrap Grids

← prev next →

Bootstrap 4 Tuto

Bootstrap Container's

Types of Container's

1) Fixed Container

2) Fluid Container

Border and Color of Container