freeCodeCamp Challenge Guide: Label Bootstrap Wells

freeCodeCamp Challenge Guide: Label Bootstrap Wells
0.0 0

#1

You can add labels to the wells by using the headers <h4> above the well divs.


#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

:::::::::::::::::::::::::::::::::::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.


#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>

#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


#12

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


#13

#left-well

#right-well