lostyazilim
tr.link

Bootstrap içerik genişliği

3 Mesajlar 650 Okunma
lstbozum
tr.link

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
Merhaba. Bootstrap'ı yeni yeni öğrenmeye başlıyorum ve oluşturduğum sayfayı öncelikle container içine alıyorum ve sonra col'lere bölüyorum. Ama içerik genişliğini sadece container'a w-75 w-50 ekleyerek küçültmeyi biliyorum.

Demek istediğim sayfamı şu örnekteki genişliğe nasıl getirebilirim mesela:
https://getbootstrap.com/docs/3.4/examples/jumbotron-narrow/
 

 

wmaraci
reklam

ictaysi ictaysi taysiweb.com Kullanıcı
  • Üyelik 05.08.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Mezun
  • Konum Balıkesir
  • Ad Soyad İ** C**
  • Mesajlar 80
  • Beğeniler 20 / 10
  • Ticaret 1, (%100)
Kendi özel css dosyanızda container'e width verebilirsiniz. Attığınız sitede şu style kullanılmış:

@media (min-width: 768px){
.container {
max-width: 730px;
}
}

Yani diyor ki sayfa 768px'e küçültülene kadar container'in max-width yani maximum genişliği 730px olsun. 768'den aşağısında da bootstrapın responsiv media tagları devreye giriyor.
oguzhan GunduzT

kişi bu mesajı beğendi.

oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
ictaysi çok güzel açıkladınız hocam teşekkür ederim anladım.
 

 

wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al