Container
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
Responsive
Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
Extra large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
Extra extra large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
<h4 class="h5 text-muted mt-3 container">Small</h4>
<div class="container-sm">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Medium</h4>
<div class="container-md">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Large</h4>
<div class="container-lg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Extra large</h4>
<div class="container-xl">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Extra extra
large</h4>
<div class="container-xxl">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div><h4 class="h5 text-muted mt-3 container">Small</h4>
<div class="container-sm">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Medium</h4>
<div class="container-md">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Large</h4>
<div class="container-lg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Extra large</h4>
<div class="container-xl">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<h4 class="h5 text-muted mt-3 container">Extra extra
large</h4>
<div class="container-xxl">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
Fluid
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
<div class="container-fluid">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div><div class="container-fluid">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div><div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
laoreet pellentesque lorem sed elementum. Suspendisse maximus
convallis ex. Etiam eleifend velit leo. Praesent nec egestas
neque. Integer a ipsum et ante volutpat rhoncus. Pellentesque
ultrices metus eget quam malesuada, sed faucibus nisi
fringilla. Nunc eget turpis in turpis molestie malesuada a non
sapien. Nullam auctor, tellus malesuada convallis accumsan,
felis ex ultrices neque, quis tincidunt felis orci id nisi.
</div>