Buttons2 ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΎΡ‚ 106,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/) (Π½Π° английском)

ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ Buttons2 (max, Ρ‡Π΅Ρ…ΠΎΠ», pro, iphone)

Π¦Π΅Π½Ρ‹ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ Π½Π° 2025-02-28 14:57:41
Π¦Π΅Π½Ρ‹ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ Π½Π° 2025-02-28 14:57:41
Π¦Π΅Π½Ρ‹ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ Π½Π° 2025-02-28 14:57:41