2012-04-11 24 views
6

Twitter-Bootstrap'ten nav hapları kullanıyorum. Belli ekran çözünürlüklerinde, haplar görünür bir sebepten ötürü aşağı itilir. Firebug'u kullanırken, ekranı kapatırsam: .nav-pills tablosundan sorun gider. Kendi .css dosyamdan birinde ekran: tabloyu geçersiz kılmaya çalıştım ancak şu ana kadar Firefox her zaman geçersiz kılma girişimi ayrı bir stil olarak görüyor.Bootstrap CSS'yi geçersiz kılma

İşte bir sorun örneğidir. Bu sorunun üstesinden gelmenin en iyi yolu olmadığını biliyorum, ancak sorunu göstermenin en iyi yolu gibi görünüyor. peşin

sayesinde

Bootstrap CSS:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    content: ""; 
    display: table; 
} 

Benim CSS:

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    display:block !important; 
} 

CSS sonuçları: Firefox ayrı tarzlarda hem css ifadeleri anlar gibi görünmektedir, görüntülü stil, önyükleme stilini geçersiz kılmalıdır.

Firefox CSS results

+0

* "Firefox her zaman geçersiz kılma girişimi ayrı bir stil olarak görür" * Bu ne anlama geliyor? Özellikle, ayrı bir stil olarak nasıl görüyor? –

+0

@Cody Grey: Gerçek css seçiciye bakarsanız, aynıdır. Ekran: bootstrap.css'deki tablo, çarpıtılmalı çünkü Site.css'deki display: block! Kullandığımın tek nedeni, benim tarzımın bootstrap'ın stilini geçersiz kıldığından emin olmak. Bu gerçekleşmediğinden, bu bana Firefox'un her iki bloğu da farklı HTML bloklarını hedeflediğini düşünmeme neden oluyor. – sveatch42

+0

CSS'nizi twitter bootstrap css'den yüklemeyi denediniz mi? – periklis

cevap

1

Chrome'da öğeyi denetle Eğer bu parçaya uygulanacak bir css seçici, bir medya sorgusuna aitse görebilirsiniz.

Önyükleme programınızı indirdiğinizde, Duyarlı bölümdeki seçenekleri işaretlediniz mi?

Sorun şu ki, bir medya sorgusundan gelen bir css selektörü kendi css seçicinizi geçersiz kılıyor.