Bootstrap Exercises

Fill in the blanks to test your knowledge.

1

Wrap content in a Bootstrap container

<div class="">Content</div>
2

Add a Bootstrap row inside a container

<div class="container">
<div class=""></div>
</div>
3

Create a medium-width half-column

<div class="">Half width</div>
4

Style a primary action button

<button class=" ">Click Me</button>
5

Use flexbox display utility

<div class="">Flex container</div>
6

Add margin-top of 3 spacing units

<div class="">Spaced element</div>
7

Create a full-width button

<button class="btn btn-secondary ">Submit</button>
8

Hide an element on small screens

<div class="d-none ">Hidden on small</div>