YUKLENIYR

Neden Bootstrap kullanmalıyım?

Neden Bootstrap kullanmalıyım?
Bootstrap css framework, twitter tarafından geliştirilen, daha sonra tüm kullanıcıya sunulan bir sablon oluşturma yapısı diyebiliriz. Css Framework olmasına rağmen içerisinde Jquery eklentiler, Font icon ve compenentler bulundurduğundan css den daha fazlasıdır.
Peki neden çok tercih edilmektedir? çünkü bootstrap ile kodlağımız siteler telefonlarda, tabletlerde ve bilgisayarlardaki farklı ekranlarda bozulmadan görüntülenebilecektir. Ekranı 12 parçaya bölen bir grid yapısı kullanmaktadır ve bu grid yapısında farklı ekranlar için tanımlanan kodlamalarla yapı bozulmamaktadır.

Grid Sistem

Grid sistemi anlamak için aşağıdaki yapıya bakarsak, alanımızı 12 parçaya bölmekte ve bu alanlara class lara göre bir genişlik width değeri vermektedir. Bu genişlikler classlara ve ekranlara göre farklı değerler almakta.



grid sistem kod yapısı görünümü ve kodlar;

col-md-2
col-md-2
col-md-2
col-md-2
col-md-2
col-md-2


col-md-3
col-md-3
col-md-3
col-md-3


col-md-4
col-md-4
col-md-4


col-md-6
col-md-6


col-md-12




col-md-2
col-md-2
col-md-2
col-md-2
col-md-2
col-md-2
col-md-3
col-md-3
col-md-3
col-md-3
col-md-4
col-md-4
col-md-4
col-md-6
col-md-6
col-md-12

Bootstrap classlar


col-lg-* : Bu class büyü ekranlarda çalışmaktadır. min 1200px
col-md-* : Laptop, masaüstü gibi normal ekranlarda min 992px
col-sm-* : Tablet ekranlarda min 768px
col-xs-* : Cep telefonu ve bazı tabletler max 768px

Bu classları kullanarak tüm ekranlarda bozulmadan çalışan bootstrap site şablonu oluşturabiliriz.

Ayrıca compenentsler ve jquery eklentilerle çalışmalarımızı daha kolay kodlanır ve daha işlevsel, güzel hale getirebiliriz.

Bootstrap konusunda diğer detayları başka bir yazımda paylaşacağım. takipte kalmaya devam edin.