jQuery 数据表 + Twitter Bootstrap CSS 问题

标签 jquery css twitter-bootstrap datatable

我对附加了 jquery 数据表的表的样式有一个非常奇怪的问题。有人可以帮我解决这个问题吗?我把页面放在这里:

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

PS:对于上面的链接,请忽略javascript错误和脚本故障。我只关心那个页面的 CSS。

非常感谢您。我真的被这个问题困住了。

最佳答案

您的问题源于 bootstrap css 集 input默认宽度为 260px,这对于您的表格列来说太大了,并且导致列比脚本告诉它们的宽度要宽

这不是 100% 的 css 治愈方法,但会向您展示创建更强大的 css 规则以覆盖默认设置的途径。

在所有的css link标签后添加如下内容:

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

您的表格将缩小以适合父级,您只需要为标题 input 编写一些 css 改进。标签,也许 <TH>填充。我会添加一个特殊的类到带有输入元素的行并从那里开始工作。 bootsrap API 也有不同的大小为 input 的类

演示:http://jsfiddle.net/PSvyz/

关于jQuery 数据表 + Twitter Bootstrap CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13219200/

相关文章:

javascript - 折叠/展开 Accordion 时更改图像

php - 在 laravel 5.4 mix 上添加 jQuery

javascript - 我如何知道跨度(div) block 中转运的​​内容的宽度和高度

javascript - 一起使用 <a href> 链接和 <onclick> 功能

html - Bootstrap 嵌入响应不适用于 css 列数?

css - 如何对齐 Bootstrap 形式的元素

javascript - 使用 JQUERY 选择带有 .on ('change' ) 事件的动态插入的 Div 元素

jquery - 检查输入中的值是否等于某个值 JQuery

twitter-bootstrap - 如何删除 Twitter Bootstrap 3 中的响应式功能?

javascript - 如何从浏览器获取历史记录等信息并将它们放在 div 元素中