Responsive Design
.
With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.
You can add Bootstrap to any app by adding the following code to the top of your HTML:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
In this case, we've already added it for you to this page behind the scenes. Note that using either >
or />
to close the link
tag is acceptable.
To get started, we should nest all of our HTML (except the link
tag and the style
element) in a div
element with the class container-fluid
.
div
element should have the class container-fluid
.
testString: assert($("div").hasClass("container-fluid"), 'Your div
element should have the class container-fluid
.');
- text: Make sure your div
element has a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(/style
tag in .container-fluid
.
testString: assert($(".container-fluid").children().length >= 8, 'Make sure you have nested all HTML elements after the closing style
tag in .container-fluid
.');
```
## Challenge Seed
Click here for cat photos.
Things cats love:
Top 3 things cats hate: