Bootstrap Unit Test Study Guide

What is the difference between .container and .container-fluid?

.container-fluid constantly updates to fit the width of the window, while .container will update occasionally as the window is resized.

Which of the following creates a responsive jumbotron on your website?

<div class=“container”>

<div class=“jumbotron”>

<h1>This test will be in a jumbotron</h1>

</div>

</div>

<div class=“row”>

<div class=“col-sm-6”>1</div>

<div class=“col-sm-6”>2</div>

</div>

What is the smallest device that will display these columns side by side

Tablet

What is the correct way to add a default-styled button to an <a> tag?

<a href=“#” class=“ btn btn-default”>Button</a>

Which of the following creates a table that is responsive to screens of different sizes?

<div class=“table-responsive”>

<table class=“table”>

…

</table>

</div>

<ul class=“nav nav-tabs”>

<li><a href=“home.html”></a></li>

<li class=“active”><a href=“profile.html”>Profile</a></li>

<li><a href=“messages.html”>Messages</a></li>

</ul>

Which page should the following nav-tabs be added to?

profile.html

Fill in the blank: Contents of a nav bar need to go inside a ________ div.

.container

True or False: Only people who are new to Bootstrap need to look at documentation.

False

True or False: It is plagiarism to copy code from Bootstrap example to your own website.

False