2012-11-04 103 views
0

我有一個非常奇怪的問題,已附加jQuery數據表的樣式的表。有人能幫我解決這個問題嗎?我在這裏把頁面:jQuery的datatable + Twitter的引導CSS問題

http://aldee07.eu5.org/test/

PS:對於上面的鏈接,請忽略腳本的JavaScript錯誤和故障。我只關心那個頁面的CSS。

非常感謝您提前。我真的被這個問題困住了。

+0

看看域的CSS URL的所有看起來像本地主機的東西。在瀏覽器控制檯網絡/網絡選項卡中查看非常容易,並查看所有中止的請求。你可能會看到加載的CSS,因爲這些URL將在你的本地主機上工作。但提供的網址沒有任何其他人的CSS – charlietfl

+0

所有js的路徑也是不正確的 – charlietfl

+0

我很抱歉,現在,它的所有更新..你能再次看到它嗎?謝謝.. – Aldee

回答

1

您的問題,從引導CSS莖設置input爲默認的260px這是太多的表列的寬度,並導致列比劇本更廣泛的是告訴他們要

這是不是100%的CSS治癒,但會告訴你創建一個更強大的CSS規則(S)超過默認值的路徑。

後,所有的CSS鏈接標籤添加以下內容:

<style type="text/css"> 
    input { width: 85%} 
</style> 

表格就會縮小以適合父母和你只需要編寫一些CSS改進頁眉input標籤,也許<TH>填充。我會添加一個特殊的類來與輸入元素一起排列並從那裏開始工作。 也bootsrap API有input

DEMO的大小不同類別:http://jsfiddle.net/PSvyz/

+0

優秀。它真的解決了這個問題..非常感謝你charlietfl! – Aldee

+0

使用瀏覽器控制檯檢查元素...輸入的外觀可疑,因爲它們只是非數據表標準的一部分。之後很容易理清。不需要很長時間,學習如何查看元素css非常簡單 – charlietfl