Twitter Bootstarp Sorunu

Merhaba. Ben Twitter Bootstarp kullanarak bir tema geliştirdim. Ancak responsive olayında sorun yaşıyorum. Daha doğrusu genişliği 740px altına düşmesin istiyorum tasarımın. 740px ve altındaki ekranlarda görüntü en son haliyle kalsın istiyorum. Ancak bootstrap-responsive.css dosyasına nasıl bir ayar vermem gerektiğini bulamadım. Şimdiden teşekkür ederim

Bootstrap ın gridleri ile çalıştı iseniz zaten sıkıntı olmayacaktır. Ancak alakalı kısımlara atıyorum gövdeye farklı bir seçici ismi verdi iseniz, bunun responsive olması için media query 'ler ile kendi seçisinizin tanımlamasını yeniden yapmalısınız.

Ek olarak bootstrap 2 kullanmanız durumunda bootstrap responsive css ye de ihtiyacınız yok.

Şu yardımcı olabilir. http://stackoverflow.com/questions/1...e-css-together

1. bootstrap-responsive.css dosyasını notepad++ ile açın.

2. aşağıdaki kelimeleri gibi sıra sıra aratın.

@media (max-width: 480px) {

@media (max-width: 767px) {

3. bulduğunuzda bu kelimenin şu işaretin " { " kapandığı yere kadar silin.

örnek; bu alttaki css kodları tamamen silin.

@media (max-width: 767px) {
css kodlar burda
}

bu 767px ve altı çözünürlükler için yazılmış css kodlardır. bunları sildiğinizde çözünürlük 767px ve altında olsa bile herhangi bir değişiklik olmaz.

benim gösterdiğim en basit yöntem ama 767px olmaz illaki 740px altına düşmesin istersen, güzel bir düzenleme yapman gerekecek.

bunun dışında bootstrap-responsive.css dosyasınıda silebilirsiniz. umarım sizi doğru anlamışımdır ve yardımcı olabilmişimdir,

kolay gelsin

Hocam ikinizede çok teşekkür ederim dediğiniz şekilde hallettim. Ancak öylede çözülmedi asıl sorunum. Bir iki dakikalığına teamviewer ile yardımcı olmanız mümkünmü?

@chloetasarim 'in yazdıklarına ek olarak, bootstrap.responsive.css 'den evvel, başka yerleştirilecek bir stil dosyası da varolan dosyada düzenleme yapmadan işinizi kolaylaştırabilir.

Misal;

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 740px)" href="statik_Css_Gelsin.css" />

Bu tanımlamaların yerleştirileceği dosya sizin reponsive dosyanızdan daha önce tanımlandığında daha sağlıklı sonuç alınabilir sanıyorum. Belki biraz fazla ek yazmak durumunda kalabilirsiniz.

bootstrap-responsive.css

dahil etmezseniz. pixele göre boyutlandırmaz diye biliyorum

pixel'e göre ayarlansın ancak 740px altındakine göre ayarlanmasın istemiştim hocam

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 01:29:38 -->-> Daha önceki mesaj 00:48:00 --

@_PatroN_ abi sağolsun hallettim

Hepinize teşekkürler