1.6 KiB
1.6 KiB
id | title | challengeType | guideUrl |
---|---|---|---|
bad87fee1348bd9aec908850 | Apply the Default Bootstrap Button Style | 0 | https://www.freecodecamp.org/guide/certificates/apply-the-default-bootstrap-button-style |
Description
btn-default
.
Apply both the btn
and btn-default
classes to each of your button
elements.
Instructions
Tests
tests:
- text: Apply the <code>btn</code> class to each of your <code>button</code> elements.
testString: assert($(".btn").length > 5, 'Apply the <code>btn</code> class to each of your <code>button</code> elements.');
- text: Apply the <code>btn-default</code> class to each of your <code>button</code> elements.
testString: assert($(".btn-default").length > 5, 'Apply the <code>btn-default</code> class to each of your <code>button</code> elements.');
Challenge Seed
<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>
Solution
// solution required