1.9 KiB
1.9 KiB
id | challengeType | forumTopicId | localeTitle |
---|---|---|---|
bad87fee1348bd9aec908850 | 0 | 16657 | 给 Bootstrap 按钮添加默认样式 |
Description
btn-default
。
为 button
元素增加两个 class: btn
和 btn-default
。
Instructions
Tests
tests:
- text: 将 <code>btn</code> class 添加到所有的 <code>button</code> 元素中。
testString: assert($(".btn").length > 5);
- text: 将 <code>btn-default</code> class 添加到每一个 <code>button</code> 元素中。
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>