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>
|
|||
|
|
|
|||
|
|
```
|