freeCodeCamp Challenge Guide: Label Bootstrap Wells

Guide
1

Label Bootstrap Wells

Solutions

Solution 1 (Click to Show/Hide) 
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
  </div>
</div>
6 Likes
2

any help here ?? please

3

Hi @madrilan

It’s asking that you place a h4 tag not literally inside of the div element, but underneath it.

4 Likes
4

:::::::::::::::::::::::::::::::::::done leo thank you

5

@madrilan, how did u solve that

7

Don’t over-think it, which is what I spent the last little while doing. Kicking myself for reading too much into the instructions for this one. Nothing more than a pair of headers that have that text in them, no requirements for anything else.

2 Likes
8

One h4 element should have the text #left-well.
One h4 element should have the text #right-well.

is how do i do this?

text="#left-well" doesn’t work

9

jQuery Playground

#left-well

  <div class="well" id="left-well">
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
  </div>
</div>
<div class="col-xs-6">
  <h4 #right-well>#right-well</h4>

  <div class="well" id="right-well">
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
  </div>
</div>
5 Likes
10

jQuery Playground

#left-well

#right-well

11

The h4 tag goes under the div class col-xs-6
(disregard the period just so the code is visible)
<.h4>#left-well</h4.>

Just enter it without the quotes

4 Likes
12

OMG thanks! it makes sense in hindsight but I couldnt figure that out

1 Like
13

#left-well

#right-well