Files

52 lines
978 B
Markdown
Raw Normal View History

2018-10-12 15:37:13 -04:00
---
title: Add Elements within Your Bootstrap Wells
---
# Add Elements within Your Bootstrap Wells
---
## Problem Explanation
2018-10-12 15:37:13 -04:00
2019-01-22 21:21:30 -05:00
In the last challenge, you created a div with the well class. This challenge now requires you to add 3 button elements in each of the wells.
2018-10-12 15:37:13 -04:00
---
## Hints
### Hint 1
2018-10-12 15:37:13 -04:00
A button is declared as follows:
```html
<button></button>;
2018-10-12 15:37:13 -04:00
```
---
## Solutions
<details><summary>Solution 1 (Click to Show/Hide)</summary>
2018-10-12 15:37:13 -04:00
Since we have to declare 3 button in each well, we would do the following:
```html
<div class='container-fluid'>
<h3 class='text-primary text-center'>jQuery Playground</h3>
<div class='row'>
<div class='col-xs-6'>
<div class='well'>
2018-10-12 15:37:13 -04:00
<button></button>
<button></button>
<button></button>
</div>
</div>
<div class='col-xs-6'>
<div class='well'>
2018-10-12 15:37:13 -04:00
<button></button>
<button></button>
<button></button>
</div>
</div>
</div>
</div>;
2018-10-12 15:37:13 -04:00
```
</details>