56 lines
2.0 KiB
Markdown
56 lines
2.0 KiB
Markdown
|
---
|
|||
|
|
title: Add id Attributes to Bootstrap Elements
|
|||
|
|
localeTitle: Добавление атрибутов идентификатора к элементам начальной загрузки
|
|||
|
|
---
|
|||
|
|
## Добавление атрибутов идентификатора к элементам начальной загрузки
|
|||
|
|
|
|||
|
|
Последняя задача заключалась в том, что вы добавляли класс к вашим элементам кнопки, на этот раз вам нужно добавить id (s) в div (s), которые имеют класс well.
|
|||
|
|
|
|||
|
|
### Подсказка 1
|
|||
|
|
|
|||
|
|
Идентификатор объявляется следующим образом:
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<element id="id(s)List"></element>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Подсказка 2
|
|||
|
|
|
|||
|
|
Отредактируйте теги div, которые имеют класс well
|
|||
|
|
|
|||
|
|
### Подсказка 3
|
|||
|
|
|
|||
|
|
Используйте разные идентификаторы для обеих колодцев.
|
|||
|
|
|
|||
|
|
### Подсказка 4
|
|||
|
|
|
|||
|
|
Дайте колодец слева идентификатор `left-well` и колодец справа `right-well` .
|
|||
|
|
|
|||
|
|
### Решение
|
|||
|
|
|
|||
|
|
Поскольку вы должны добавить id (s) в обе скважины и иметь оба с уникальным идентификатором, следующим является решение:
|
|||
|
|
|
|||
|
|
```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>
|
|||
|
|
|
|||
|
|
```
|