Buttons2 купить от 107,00 руб.

Buttons2 - это передовая библиотека для создания кнопок на jQuery. Она обладает множеством функций, которые помогут вам создать стильные и функциональные кнопки. В этой статье мы расскажем о том, как использовать Buttons2 и какие возможности она предоставляет.

Шаги
----

1. **Загрузка и установка**

* Перейдите на сайт Buttons2: http://bootstrap-button.pushpad.com/.

+ Нажмите на кнопку "Download" в верхней части страницы.
* Загрузите библиотеку Buttons2 на ваш сервер или локальную машину.

2. **HTML**

Buttons2 может использоваться как с Bootstrap, так и без него. Для использования Buttons2 без Bootstrap, добавьте следующий код в `` вашего HTML-документа:

```html

```

Для использования с Bootstrap, добавьте следующую строку в ``:

```html



```
3. **jQuery**

Вы можете использовать Buttons2 с jQuery или без него, но если вы используете jQuery, то Buttons2 должна быть загружена перед использованием:

```javascript

```
4. **Вызов**

Вот простой пример кнопки, созданной с помощью Buttons2:

```javascript
$(document).ready(function() {
$('my-button').button(); // Создает кнопку с классом "btn btn-primary"
});
```
5. **Параметры**

Кнопки Buttons2 могут быть настроены с использованием различных параметров. Вот некоторые из них:

* `btn-{size}` - размер кнопки, например, `btn-small` или `btn-lg`.
* `bg-{color}` - цвет фона, например, `bg-success`.
* `color-{color}` или `text-{color}` - текст кнопки, может быть изменен с помощью CSS.
* `icon-{icon}` - иконка внутри кнопки, можно задать любой путь к изображению.

6. **Дополнительные возможности**

Некоторые примеры возможностей Buttons2:

Изменение цвета фона и текста:

```
$( "myButton" ).button( { backgroundColor: "blue", textColor: "fff" } );
```
Настройка внешнего вида:

```
$("myButton").button( "option", "icons" ); // Устанавливает значки для левой и правой стороны кнопки.
$("myOtherButton") // Устанавливает иконки для всех кнопок.
.button( "option", { icons: { primary: "glyphicon glyphicon-upload" } } );
.button( "refresh" ); // Обновляет внешний вид всех кнопок на странице.
```
7. **Популярные примеры**

Примеры на сайте Buttons2

На сайте Buttons2 вы можете найти несколько популярных примеров использования кнопок:

- [Interactive Timeline](http://bootstrap-button.pushpad.com/?example=timeline)
- [Weather Dashboard](http://bootstrap-button.pushpad.com/?example=weather-dashboard)

Ссылки
------

* Сайт Buttons2 (http://bootstrap-button.pushpad.com/)
* Документация Buttons2 (https://pushpad.github.io/bootstrap-button/) (на английском)