Bootstrap'taki kullanıcı arayüzü standartlarından bahseder misiniz?

Bootstrap, HTML, CSS ve JavaScript tabanlı hazır stil ve bileşenler seti sağlar. Bu, tutarlı ve uyarlanabilir bir kullanıcı arayüzü oluşturmayı kolaylaştırır. Temel standartlar şunları içerir:

• Izgara Sistemi (Grid System): On iki sütunlu uyarlanabilir düzen sistemi, sayfa yapıları oluşturmayı kolaylaştırır. container, row ve col-* sınıflarıyla uygulanır.
• Tipografi: Başlıklar (<h1>-<h6>), paragraflar (<p>), listeler ve diğer metin öğeleri için tutarlı stiller, okunabilirliği sağlar.
• Formlar: Girişler, düğmeler, onay kutuları, radyo düğmeleri vb. gibi biçimlendirilmiş form öğeleri, tutarlı görünüm ve kullanım kolaylığı sağlar.
• Düğmeler: İşlevlerini belirten çeşitli stiller ve boyutlar (örneğin, btn, btn-primary, btn-secondary).
• Gezinti: Navigasyon menüleri oluşturmak için bileşenler (örneğin, navbar, nav-tabs, nav-pills).
• Uyarlanabilirlik: Tüm bileşenler ve ızgara sistemi, varsayılan olarak farklı ekran boyutlarına uyum sağlar (masaüstleri, tabletler, mobil cihazlar) medya sorguları ile.
• Bileşenler: Hazır ve stilize edilmiş geniş bileşen yelpazesi, örneğin:
  • Uyarılar (Alerts)
  • Rozetler (Badges)
  • Kartlar (Cards)
  • Modallar (Modals)
  • Açılır menüler (Dropdowns)
  • İpucu araçları (Tooltips)
  • Popover'lar
  • Resim döngüsü (Carousel)
• İkonlar: Eylemleri veya bilgileri görsel olarak göstermek için ikon kütüphaneleriyle entegrasyon (örneğin, Bootstrap Icons).
• Kullanım sınıfları: Margin (m-*, p-*), hizalama (text-*), görünüm (d-*) ve diğer stiller için yardımcı sınıflar, ek CSS yazmaya gerek kalmadan.

Bu standartların temel amacı, geliştirmeyi hızlandırmak, tasarım tutarlılığını sağlamak ve farklı cihazlarda doğru görüntülemeyi garanti etmektir.