İçindekiler
Dahili araçlar aracılığıyla tutarlılığı teşvik eden bir çerçevedir. Bootstrap'tan önce, kullanıcı arabirimi geliştirme için çeşitli kitaplıklar kullanılıyordu, bu da tutarsızlıklara ve yüksek bakım iş yüküne neden oluyordu.
Bootstrap modülerdir ve esas olarak aracın çeşitli bileşenlerini uygulayan bir dizi stil sayfasından oluşur. Bootstrap.less adlı bir stil sayfası, stil sayfası bileşenlerini içerir. Geliştiriciler, projelerinde kullanmak istedikleri bileşenleri seçerek aynı Bootstrap dosyasını uyarlayabilirler.
Bootstrap'ta bulunan araçlar ve sınıflar
Çete sistemi ve duyarlı tasarım
Bootstrap, standart 940 piksel genişliğinde ızgara düzeniyle gelir. Alternatif olarak, geliştirici değişken genişlikli bir düzen kullanabilir. Bu, sütunların genişliğini otomatik olarak ayarlar.
CSS stil sayfası
Bootstrap, tüm HTML bileşenleri için temel stil tanımları sağlayan bir dizi stil sayfası sağlar. Bu, tarayıcıya ve genişlik sistemine tekdüzelik kazandırır, metin öğelerinin, tabloların ve formların biçimlendirilmesi için modern bir görünüm verir.
Yeniden kullanılabilir bileşenler
Normal HTML öğeleri olan Bootstrap, yaygın olarak kullanılan başka bir öğe arabirimini içerir. Düğme grubu veya açılır menü seçeneğine sahip düğmeler, gezinme listeleri, yatay ve dikey etiketler, kırıntı, sayfalandırma, etiketler, gelişmiş tipografik küçük resim yetenekleri, uyarı mesajı biçimleri ve ilerleme çubukları gibi gelişmiş özelliklere sahip düğmeler içerir.
Javascript ve jQuery eklentileri
Bootstrap için Javascript bileşenleri, jQuery Javascript kitaplığını temel alır. Eklentiler, jQuery eklenti aracında bulunur. Diyaloglar, araç ipuçları ve karuseller gibi ek kullanıcı arabirimi öğeleri sağlarlar.
Ayrıca, örneğin giriş alanları için bir otomatik tamamlama işlevi de dahil olmak üzere, bazı mevcut arayüz öğelerinin işlevselliğini de genişletirler. Sürüm 2.0, şu Javascript eklentilerini destekler: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel ve Typeahead.
Bootstrap'i bir HTML sayfasında kullanmak için geliştiricinin Bootstrap CSS stil sayfasını indirmesi ve HTML dosyasına bağlaması yeterlidir.
Bootstrap kullanmaya başlamanın en kolay yolu olan derlenmiş CSS ve Javascript kodunu indirin. Dezavantajı, bu sürümün orijinal dosyaları veya belgeleri içermemesidir. Bu sürümü indirmek için getbootstrap.com adresine gidin ve Bootstrap İndir düğmesine basın.
Ayrıca harici sunuculardan önyükleme dosyalarına aşağıdaki gibi bağlanmayı da seçebiliriz:
Bu dosyaları kullanmak için sayfalarınızdaki aşağıdaki bağlantıları değiştirin
Bootstrap'in derlenmiş sürümü ile indirdiğiniz dosyayı açtıktan sonra aşağıdaki dosya ve dizin yapısını göreceksiniz:
önyükleme /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── yazı tipleri /
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-yarımlar-regular.woff
Bu dosyalar bootstrap'ı oluşturan kütüphanelerdir, daha sonra bileşenleri ve nasıl kullanıldığını göreceğiz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
