Nav Alanının Yüksekliğini Nasıl Arttırırım

Bootstarp kullanarak bir site kodlamaya çalışıyorum. Nav (Navbar değil) çok küçük geldi. Yüksekliği çok az geldi.


css tarafında:

.nav{
height:70px;
}

kullanarak büyütmeye çalıştım ve sonuç:


gördüğünüz gibi yazılar üstte kaldı. Hiç bir şey bozulmadan olduğu gibi yüksekliğini nasıl artırırım. Bootstrap bize böyle bir özellik sunuyor mu?

Nav alanının yüksekliğini height değeri vererek ayarlayabilirsiniz.
İçerisinde bulunan divleri ise padding değeri ile oynayarak yukarı aşağı ayarlayabilirsiniz.
Aşağıda verdiğim konu deneyebilirsiniz.

nav{
height:70px;
padding:10px 0px;
}

Hem nav büyüklüğünü arttırmak hemde yazılar alta kaymasını istiyorsanız css ile içten boşluk bırakabilirsiniz. Bunun için padding-top komutunu kullanıp, karşısına istediğiniz değeri yazıp kullanmanız yeterli olacaktır.

Örnek kullanım:

.nav{
padding-top: 20px;
}

Teşekkür ederim hocam tam istediğim gibi oldu.

hocam bende ki kadar olmasa da bunda da biraz kayma oldu. 2 sini ayrı ayrı ayarlayınca sıkıntı kalmadı