2012-11-04 59 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