2018-10-12 15:37:13 -04:00
|
|
|
---
|
|
|
|
title: Add Elements within Your Bootstrap Wells
|
|
|
|
---
|
2019-07-24 00:59:27 -07:00
|
|
|
# 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
|
|
|
|
2019-07-24 00:59:27 -07:00
|
|
|
|
|
|
|
---
|
|
|
|
## Hints
|
|
|
|
|
|
|
|
### Hint 1
|
2018-10-12 15:37:13 -04:00
|
|
|
|
|
|
|
A button is declared as follows:
|
|
|
|
```html
|
2019-07-24 00:59:27 -07:00
|
|
|
<button></button>;
|
2018-10-12 15:37:13 -04:00
|
|
|
```
|
|
|
|
|
2019-07-24 00:59:27 -07: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
|
2019-07-24 00:59:27 -07:00
|
|
|
<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>
|
2019-07-24 00:59:27 -07:00
|
|
|
<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>
|
2019-07-24 00:59:27 -07:00
|
|
|
</div>;
|
2018-10-12 15:37:13 -04:00
|
|
|
```
|
2019-07-24 00:59:27 -07:00
|
|
|
</details>
|