Najnowsze tutoriale tworzenie stron internetowych
 

Bootstrap JS Przycisk


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

Przykłady

Za pomocą CSS Dostosowywanie przycisków

Jak usunąć zaokrąglone granice:

Przykład

.btn-default {
    border-radius: 0;
}
Spróbuj sam "

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:

Przykład

.btn-default {
    box-shadow: 1px 2px 5px #000000;
}
Spróbuj sam "