44 lines
1.0 KiB
Markdown
44 lines
1.0 KiB
Markdown
|
---
|
|||
|
|
title: Apply the Default Bootstrap Button Style
|
|||
|
|
localeTitle: 应用默认引导按钮样式
|
|||
|
|
---
|
|||
|
|
## 应用默认引导按钮样式
|
|||
|
|
|
|||
|
|
最后一个挑战是你创建了6个按钮，每个井元素中有3个，这次你需要为这些按钮添加类。
|
|||
|
|
|
|||
|
|
### 暗示
|
|||
|
|
|
|||
|
|
使用以下语法声明类：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<button class="class(es)Name"></button>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
由于您必须添加`btn`和`btn-default`类，因此以下是解决方案：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<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>
|
|||
|
|
|
|||
|
|
```
|