Bileşenler

Rozet

Primary Secondary Success Info Warning Danger Light Dark

Bağlantı

Primary Secondary Success Info Warning Danger Light Dark

Oto-boyutlama

Primary Secondary Success Info Warning Danger Light Dark

Buton

Taslak
Küçük
Geniş
Grup

Açılır menü

Üstbilgi
Aksiyon Burada başka bir şey var
Ayrılmış bağlantı

Nav and tabs

Öntanımlı
Sekmeler

Navbar (Navigasyon Bar)

Form

E-postanızı asla başkasıyla paylaşmayacağız.

Sayfalama

İçerik Haritası

List-group

  1. Subheading
    Cras justo odio
    14
  2. Subheading
    Cras justo odio
    14
  3. Subheading
    Cras justo odio
    14
  4. Subheading
    Cras justo odio
    14
  5. Subheading
    Cras justo odio
    14
  6. Subheading
    Cras justo odio
    14
  7. Subheading
    Cras justo odio
    14
  8. Subheading
    Cras justo odio
    14
  9. Subheading
    Cras justo odio
    14

Kart

...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • An item
  • A second item
  • A third item
Card link Another link
...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

İkazlar

Bu bir "Primary" ile uyarı bağlantı.
Bu bir "Secondary" ile uyarı bağlantı.
Bu bir "Success" ile uyarı bağlantı.
Bu bir "Info" ile uyarı bağlantı.
Bu bir "Warning" ile uyarı bağlantı.
Bu bir "Danger" ile uyarı bağlantı.
Bu bir "Light" ile uyarı bağlantı.
Bu bir "Dark" ile uyarı bağlantı.

Modal

Modal title

This is a paragraph. Ambitioni dedisse scripsisse iudicaretur. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Unam incolunt Belgae, aliam Aquitani, tertiam. Integer legentibus erat a ante historiarum dapibus. Phasellus laoreet lorem vel dolor tempus vehicula.

Yardımcı Uygulamalar & Tipografi

Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black
Color 1
Color 2
Color 3
Color 4
Color 5
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark
White
100
200
300
400
500
600
700
800
900
Black

Shadow small

(shadow-sm)

Shadow medium

(shadow)

Shadow large

(shadow-lg)

Border radius none

(rounded-0)

Border radius small

(rounded-1)

Border radius medium

(rounded-2)

Border radius large

(rounded-3)

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Başlık 1

Başlık 2

Başlık 3

Başlık 4

Başlık 5
Başlık 6

Lead text

Kalın, sessiz ve İtalik yazılar içeren paragraf

Bağlantı