freeCodeCamp Challenge Guide: Add Elements within Your Bootstrap Wells

Add Elements within Your Bootstrap Wells


Problem Explanation

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.


Hints

Hint 1

A button is declared as follows:

<button></button>;

Solutions

Solution 1 (Click to Show/Hide)

Since we have to declare 3 button in each well, we would do the following:

<div class='container-fluid'>
  <h3 class='text-primary text-center'>jQuery Playground</h3>
  <div class='row'>
    <div class='col-xs-6'>
      <div class='well'>
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
    <div class='col-xs-6'>
      <div class='well'>
        <button></button>
        <button></button>
        <button></button>
      </div>
    </div>
  </div>
</div>;
1 Like

i am having problems with nesting

1 Like

Here is a correct answer.

(hint) look back through your notes on creating elements

3 Likes

Fastest way to complete this is just by adding under ur

like this (the btn etc is just if u want)
  </div>
</div>
<div class="col-xs-6">
  <div class="well">
    <button class="btn btn-block"></button>
    <button></button>
    <button></button>


  </div>
</div>
3 Likes