Sayfamızı Twitter Bootstrap ile mükemmelleştirelim

Twitter Bootstrap kütüphanesini kullanmaya başlamadan önce bu kütüphanenin çalışma mantığıyla ilgili bilmemiz gereken birkaç şey var. Bu kütüphane, etiketlerin class özelliklerine eklediğimiz görevleri görüyor ve bunların görünümünü bu görevlere göre otomatik olarak değştiriyor. Biraz daha açalım. <div class="container"></div> Kütüphanemizin mantığı 960 piksel üzerine kurulu demiştik. Bootstrap bu 960 pikseli 12’ye bölerek çalışıyor. Öncelikle bu sistemi kullanabilmemiz için kök eleman belirlemeliyiz ki, hem sayfayı ortalayalım, hem boyu 960 olsun, hem de istediğimiz gibi bölebilelim. İşte bunun için yukarıdaki container sınıfına sahip olan div elemanını kullanacağız. Kök elemanını oluşturduktan sonra, her 12’ye böldüğümüz ve kutularla doldurduğumuz sıra için bir de satır elemanı oluşturmamız gerekiyor. <div class="container"> <div class="row"></div> </div> Bu satır elemanlarını da artık istediğimiz gibi kutularla doldurabiliriz. <div class="container"> <div class="row"> <div class="span4">4</div> <div class="...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

Sayfamızı Twitter Bootstrap ile mükemmelleştirelim” için 2 yorum

  1. “Kütüphanemizin mantığı 960 piksel üzerine kurulu demiştik.”

    Tam olarak nerede demiştik? Öncesine ait bir konu varsa paylaşabilir misiniz? Bulamadım da.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir