56 lines
1.3 KiB
Markdown
56 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: Add id Attributes to Bootstrap Elements
|
|||
|
|
localeTitle: 将id属性添加到Bootstrap元素
|
|||
|
|
---
|
|||
|
|
## 将id属性添加到Bootstrap元素
|
|||
|
|
|
|||
|
|
最后一个挑战是你在按钮元素中添加了一个类，这次你必须将id添加到具有良好类的div中。
|
|||
|
|
|
|||
|
|
### 提示1
|
|||
|
|
|
|||
|
|
id声明如下：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<element id="id(s)List"></element>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 提示2
|
|||
|
|
|
|||
|
|
编辑具有良好类的div标签
|
|||
|
|
|
|||
|
|
### 提示3
|
|||
|
|
|
|||
|
|
对两个孔使用不同的id。
|
|||
|
|
|
|||
|
|
### 提示4
|
|||
|
|
|
|||
|
|
`left-well` ，井`right-well` 。
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
由于您必须向两个井添加id并且两者都具有唯一ID，因此以下是解决方案：
|
|||
|
|
|
|||
|
|
```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" id="left-well">
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xs-6">
|
|||
|
|
<div class="well" id="right-well">
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
<button class="btn btn-default target"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
```
|