Merhaba arkadaşlar az bilinen yada zor bulunan kod paylaşımı yapmaya karar verdim. Bunlar nette bulmazı zor yada olmayan kod örnekleridir.
Şrup 1 kodumuz:
Ekranımızın en boy değerini alır. Bu kod ile bootstrap ın 1 adım önğne geçip her ekranda en olarak ve artı boy olarak ta tasarımlar yapabilirsiniz.
Örneğin: 1024x768 px bir ekran çözünürlüğünde divin boyu nasıl gözükürse 1366x966 da div height i aynı olur. Bu ne işe yara local uygulama yazan arkadaşlar için tavsiyemdir her ekranda aynı görüntü.

Kod:

$(function(){
var wi=$(window).width(),he=$(window).height(),boyutl= 350;
var yenib=he-boyutl;
$(".wi").text(wi)
$(".he").text(he)//ilk boyutlar
document.getElementById("whboy").style.height =yenib+"px";
}
)

wi değeri ve he değeri size ekranınızın width ve height değerini verir.
yenib değeri ekranın yükseklik değerinden çıkan boyut değeri sonucu, yani ekran 1024 yüksekliğe sahip ise alttan 350 px bırakır yada yüksek 600px ise de -350 px bırakır. sonuçta her ekran boyurunda alttan boşluk 350 sabit olduğu için her ekranda div uzunlukları o ekrana göre ayarlanır.

Biraz karışık mevzu ama her ekran çözünürlüğüne göre tasarım ayarı için birebir bir kod.

İyi çalışmalar. Entegre etmekte sıkıntı yaşayan arkadaşlara yardımcı olurum.