Boostrap özellikle css alanında oldukça büyük bir kolaylık sunuyor. 5-6 satırda belki daha fazla sürecek olan css kodlarını class’lar aracılığıyla tek bir kod satırı içerisinde halletmek mümkün oluyor. Boostrap uzun yıllardan beri sürekli güncellenmesi ve desteğinin kesilmemesiyle birlikte popülerliğini hız kesmeden arttırıyor.
Bootstrap CSS Örnek Bootstrap CSS Örnek
Bootstrap ile kolayca şık stiller ekleyebilirsiniz.
Bu bir başarılı bildirim kutusu.
Yukarıdaki örnek, bir Bootstrap CSS dosyasını ekleyerek web sayfanıza kolayca şık stiller eklemenize olanak tanır. Örnekte, "container" sınıfı ile içeriği yatay olarak ortalar, "mt-5" ile de içerikten yukarıya 5 birimlik bir boşluk bırakır.
ile basit bir bildirim kutusu oluşturulmuştur ve "btn btn-primary" ve "btn btn-danger" sınıfları ile iki farklı renkte düğmeler eklenmiştir.
Bootstrap CSS dosyasını web sayfanıza eklemek için bölümüne etiketi eklenir ve stil dosyasının kaynağı bir CDN üzerinden alınır. Bu şekilde Bootstrap'in en güncel sürümü kullanılmış olur.
Bu örnek, web sayfanıza Bootstrap'in temel stillerini ve bazı bileşenlerini eklemek için yeterli olacaktır. Bootstrap'in daha fazla stil ve bileşeni hakkında bilgi edinmek için resmi dokümantasyona başvurabilirsiniz.