Question about challenge: Label Bootstrap Buttons.

Challenge Name

Label Bootstrap Buttons.

Issue Description

Here are my codes for the challenge. My question is this: why do we need to label the bootstrap buttons? I thought we already id’ed them? Is using span the correct way/only way to do it???

Browser Information

• Browser Name, Version: Chrome. Latest version.
• Operating System: OS X.
• Mobile, Desktop, or Tablet: Macbook pro.

Your Code

 

<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" id="target1"><span class="label">#target1</span></button>
        <button class="btn btn-default target" id="target2"><span class="label">#target2</span></button>
        <button class="btn btn-default target" id="target3"><span class="label">#target3</span></button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4"><span class="label">#target4</span></button>
          <button class="btn btn-default target" id="target5"><span class="label">#target5</span></button>
        <button class="btn btn-default target" id="target6"><span class="label">#target6</span></button>
      </div>
    </div>
  </div>
</div>

 
 

Screenshot

[caravinci]

While I may be wrong, a good way to explain it could be by introducing the labels themselves. We can explain that a form element (e.g. input field) by itself has no way to show what sort of information it expects from the user. A label is meant to help you know you need to type your name. Not sure if that would require a separate challenge, but it does definitely deserve a layman’s explanation.

[raisedadead]

Yeah but even on the wells challenge it’s not defined what a “label” is.

Some might assume that labels are attributes like id’s

hence maybe we should add some clarification to both/all affected challenges.