1.9 KiB
1.9 KiB
id | title | challengeType | forumTopicId |
---|---|---|---|
bad87fee1348bd9aec908850 | Apply the Default Bootstrap Button Style | 0 | 16657 |
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);
- text: Apply the <code>btn-default</code> class to each of your <code>button</code> elements.
testString: assert($(".btn-default").length > 5);
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
<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 class="btn btn-default"></button>
<button class="btn btn-default"></button>
<button class="btn btn-default"></button>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class="btn btn-default"></button>
<button class="btn btn-default"></button>
<button class="btn btn-default"></button>
</div>
</div>
</div>
</div>