freeCodeCamp Challenge Guide: Label Bootstrap Wells

freeCodeCamp Challenge Guide: Label Bootstrap Wells
0
#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>
1 Like
#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.

5 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

#15