Bootstrap For Beginners - Part Two (Bootstrap Containers)
Jul 26, 2020 | 742 views
Introduction
I have started an article series on Bootstrap. Read the first part here,
In this article we will learn about Containers and then we will understand about Bootstrap Container classes by creating examples. So by using this we can easily create interactive, responsive website layouts.
Containers: In Bootstrap we can contain elements to wrap site contents.
There are two Bootstrap Container classes
- The .container class used to provide a responsive fixed width container.
- The .container-fluid class used to provide a full width container.
We have to note that we cannot put a container inside another container since it is not nestable.
Example 1: Using .container class(responsive fixed width container)
In this example we will create a simple Bootstrap page. Using ".container" class we will create fixed width container that is responsive for different devices. In this we will write some text. We will have some space on left and right side of page by writing the following code.
Keep going!