2018-10-04 14:47:55 +01:00
---
title: Use Responsive Design with Bootstrap Fluid Containers
---
2019-07-24 00:59:27 -07:00
# Use Responsive Design with Bootstrap Fluid Containers
2018-10-04 14:47:55 +01:00
2019-07-24 00:59:27 -07:00
---
## Problem Explanation
2018-10-14 21:51:42 +05:30
Welcome to the Bootstrap challenges, the followingchallenge has you making the existing content children or sub-child of a new div which would be a bootstrap container
2018-10-04 14:47:55 +01:00
2019-07-24 00:59:27 -07:00
---
## Hints
2018-10-14 21:51:42 +05:30
### Hint 1
2018-10-04 14:47:55 +01:00
2018-10-14 21:51:42 +05:30
Wrap all HTML code into a single ``` <div></div> ` ``.
### Hint 2
Use the class of ``` container-fluid ` ``
2019-07-24 00:59:27 -07:00
---
## Solutions
2018-10-14 21:51:42 +05:30
Since you have to add all the HTML in the newly created div, the following is the solution:
2019-07-24 00:59:27 -07:00
< details > < summary > Solution 1 (Click to Show/Hide)< / summary >
2018-10-14 21:51:42 +05:30
```html
< div class = "container-fluid >
2019-07-24 00:59:27 -07:00
2018-10-14 21:51:42 +05:30
< / div >
```
2019-07-24 00:59:27 -07:00
**NOTE:** IN the above solution, the ``` ... ` `` represents the HTML which was already present.
< / details >