JS Przycisk (button.js)
Za pomocą tej wtyczki, jeśli chcesz mieć większą kontrolę nad przyciskami.
Samouczek na temat przycisków, przeczytaj nasze Bootstrap Przyciski Tutorial .
Klasy Przycisk Plugin
Poniższe klasy mogą być wykorzystywane do stylu dowolnego <a>, <button> lub <input> elementów:
Klasa | Opis | Przykład |
---|---|---|
.btn | Dodaje podstawowe stylizacji do dowolnego przycisku | Spróbuj |
.btn-default | Wskazuje na domyślny przycisk / standardowe | Spróbuj |
.btn-primary | Zapewnia dodatkową masę wizualne i identyfikuje podstawową działania na zestaw przycisków | Spróbuj |
.btn-success | Wskazuje udane lub pozytywnych działań | Spróbuj |
.btn-info | Kontekstowe przycisk informacyjnych komunikatów ostrzegawczych | Spróbuj |
.btn-warning | Wskazuje, należy zachować ostrożność w tej akcji | Spróbuj |
.btn-danger | Wskazuje niebezpieczne lub potencjalnie negatywnego działania | Spróbuj |
.btn-link | Sprawia przycisk wyglądać linkiem (będzie jeszcze zachowanie przycisku) | Spróbuj |
.btn-lg | Tworzy duży przycisk | Spróbuj |
.btn-sm | Sprawia, że mały przycisk | Spróbuj |
.btn-xs | Sprawia dodatkowy mały przycisk | Spróbuj |
.btn-block | Sprawia, że przycisk na poziomie bloków (rozciąga się na całą szerokość elementu nadrzędnego) | Spróbuj |
.active | Sprawia, że pojawiają się przycisk wciśnięty | Spróbuj |
.disabled | Sprawia przycisk wyłączone | Spróbuj |
za pośrednictwem JavaScript
Włącz ręcznie za pomocą:
$('.btn').button();
przycisk Opcje
None |
Metody przycisków
Poniższa tabela zawiera listę wszystkich dostępnych metod przycisk.
Uwaga: W przypadku tej wtyczki, metody mogą być również przekazywane za pomocą atrybutów danych; dołączyć nazwę metody do teleinformatyczny, jak w danych lub danych-przełącznik-loading.
metoda | Opis | Spróbuj |
---|---|---|
.button("toggle") | Sprawia wciśnięty przycisk wygląd | Spróbuj |
.button("loading") | Wyłącza przycisk i zmienia tekst przycisku "Ładowanie ..." | Spróbuj |
.button("reset") | Zmienia przycisk tekst do oryginalnego tekstu (jeśli zmienił) | Spróbuj |
.button("string") | Określa nowy tekst przycisku | Spróbuj |
Przykłady
Za pomocą CSS Dostosowywanie przycisków
Jak usunąć zaokrąglone granice:
Jak dodać konkretny kolor:
Przykład
.btn-default {
background: #000;
color: #fff;
}
.btn-default:hover {
background: #fff;
color: #000;
}
Spróbuj sam " Jak dodać cienie: