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="...