2012-02-16 54 views
52

我正在使用twitter引導程序。我的問題是表中的字體大小是錯誤的。出於某種原因,用戶代理樣式表正在覆蓋引導表樣式。用戶代理樣式表覆蓋我的表格樣式嗎? Twitter Bootstrap

在twitter引導頁面(http://twitter.github.com/bootstrap/base-css.html),一切當然正常工作。

在我檢查我看到下面的區別:

我的頁面:

CSS style for my page

Twitter的引導頁面:

CSS style for twitter bootstrap page

所以肯定的問題是,用戶代理樣式表覆蓋引導樣式。

我一直無法弄清爲什麼這是不同的我的網頁和twitter引導頁面。

大多數其他CSS工作正常。

我的CSS進口:Twitter的引導頁面上

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet"> 

CSS進口:

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
+22

我其實自己想到了這一點,但我認爲我會發布這個問題,因爲它可能會幫助別人。 我有 <!DOCTYPE html> 標籤寫錯了。所以,如果你有這個問題,確保doctype聲明是正確的! – Riku 2012-02-16 09:04:26

+0

定義表 – krish 2012-03-08 09:00:40

+1

的重置樣式我想給你吻!這絕對節省了我的時間和精力。 – 2013-11-06 16:41:50

回答

81

我其實自己想到了這一點。我錯誤地寫了<!DOCTYPE html>標籤。所以,如果你有這個問題,確保doctype聲明是正確的!

+1

確實確實。仍然完全混淆爲什麼它會這樣做 – Damon 2013-09-12 20:28:59

+0

當試圖將haml文件轉換爲erb格式(ruby on rails)時,我遇到了這個問題。 Haml自動包含帶有符號'!!!'的文檔類型。 – Chris 2013-12-03 17:19:22

+0

@Riku奇妙的fix.Thanks很多老兄。一直打破我的頭2個小時! ..但怪異的錯誤。 – niranjan94 2013-12-30 06:51:19

1

請導入docs.css到您的應用程序也是如此。如果我必須這樣說,你一定意識到使用bootstrap.css和一個自定義docs.css。試試看,你可以從github包下載。然後,嘗試在文檔中使用表格類。 CSS沒有搞亂主CSS。或者嘗試在標題中添加DOCTYPE。

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet"> 
1

如果在一開始聲明<!DOCTYPE html>不起作用,那麼它可能不是您的用戶代理樣式表。它可能是Bootstrap的樣式表覆蓋你的樣式(我有這個問題)。確保您的樣式錶鏈接到 Bootstrap的樣式表在HTML中。

<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's --> 
0

檢查您的CSS是否在網絡列下的瀏覽器開發工具(按F12)中被調用。

如果未被調用,請使用1 rel="stylesheet" type="text/css"的樣式表。

它爲我工作。

+0

這不是問題的答案。 – vonbrand 2015-09-08 12:08:06

1

我和OP有同樣的問題。我想可愛的小文和一些用戶的樣式表是overiding它,並把:

font-size: medium; 

當我想:

font-size:8pt; 

我放在下面我的HTML頁面的頂部:

<!DOCTYPE html> 

一切都很好,然後進入到不在頂部聲明文檔類型的壞習慣。所有的用戶樣式表現在都消失了。

要發現什麼是重寫CSS上的內容,檢查元素(F12)總是一個好主意,並且您可以隨時修改和取消屬性,直到您找到正確的位置,然後使用它更新您的CSS文件!

但是,如果您有用戶樣式表問題,這些值將被鎖定。