44 lines
1.4 KiB
Markdown
44 lines
1.4 KiB
Markdown
---
|
||
title: Apply the Default Bootstrap Button Style
|
||
localeTitle: Применить стиль кнопки Bootstrap по умолчанию
|
||
---
|
||
## Применить стиль кнопки Bootstrap по умолчанию
|
||
|
||
Последняя задача заключалась в том, что вы создали 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>
|
||
|
||
``` |