Butonlar

  1. Anasayfa
  2. Ui Elements
  3. Butonlar

Genel Butonlar

Hızlı bir şekilde buton oluşturmak için btn btn-success sınıflarını kullanabilirsiniz.

Çerçeveli Butonlar

Hızlı bir şekilde buton oluşturmak için btn btn-outline-success sınıflarını kullanabilirsiniz.

Buton Boyutları

Hızlı bir şekilde buton oluşturmak için btn btn-lg btn-success sınıflarını kullanabilirsiniz.

Buton Blokları

Hızlı bir şekilde buton oluşturmak için btn btn-block btn-success sınıflarını kullanabilirsiniz.

Çerçeveli Buton Blokları

Hızlı bir şekilde buton oluşturmak için btn btn-block btn-outline-success sınıflarını kullanabilirsiniz.

Büyük Buton Kalıpları

Hızlı bir şekilde buton oluşturmak için btn btn-block btn-lg btn-success sınıflarını kullanabilirsiniz.

İkonlu Butonlar

Hızlı bir şekilde buton oluşturmak için btn btn-primary & i class="mnt-star" sınıflarını kullanabilirsiniz.

Dropdown

I’ve been chosen! What about me? And me? I’m nice, too! Don’t pick me…
I’ve been chosen! What about me? And me? I’m nice, too! Don’t pick me…

Aksiyon

Action Another action Something else here

Dropdown Yönleri

.dropup sınıfını ekleyerek menüyü yukarı açılacak şekilde tetikleyebilirsiniz.
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!

Animasyonlu Dropdown

Animasyon vermek için animated flipInX, flipInY, lightSpeedIn, slideInUp sınıflarını kullanabilirsiniz.
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!

Kare Butonlar



Büyük Kare Butonlar



Ekstra Büyük Kare Butonlar

Menü Hizaları

Açılır menüyü sağa hizalamak için .dropdown-menu-right sınıfını .dropdown-menu sınıfının yanına ekleyiniz.

Tepkisel Menü Hizaları

Animasyonlu ve İkonlu Açılır Butonlar

I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!
I’ve been chosen! What about me? And me? I’m nice, too!

Sosyal Medya Buton Kullanımı

Farklı Menü İçerikleri

Dropdown header
Action Another action
Action Another action Something else here
Separated link

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

Şifremi Unuttum

Guplu Brutonlar

Sayfalandırma Butonları

Araç Çubuğu Butonları

Gruplu Buton Boyutları

Nesting

Dropdown link Dropdown link

Dikey Yerleştirilen Butonlar

Dropdown link Dropdown link
Dropdown link Dropdown link

JS Butonlar



Onay Kutulu Butonlar



Seçenek Butonları

Toggle States [Button Plugin]

Basınca aktif olan onay kutusu butonları

Basınca aktif olan seçenek butonları

© 2022 4A Labs