没有水平分隔符的表类“.table”

时间:2015-12-05 06:13:43

标签: html css

我希望使用我为我的网页创建的HTML表格的默认引导样式“.table”:

Bootstrap Link

但是,我不希望添加水平分隔符,而且我还希望列比当前显示的更接近。我应该使用任何CSS样式吗?

基本上,我希望创建一个HTML表,它具有统一的列宽,高度,并且在2行之间有一些空间,以便于阅读。

任何指导都将不胜感激,谢谢你。

3 个答案:

答案 0 :(得分:0)

你必须在你的风格中添加一些css: -

删除水平分隔符: -

table td {
    border-top: none !important;
}

并为列添加表格精简类更近一点。

它可能对你有帮助。

答案 1 :(得分:0)

为了覆盖表类,您需要创建另一个名为borderless的类。

HTML:

<table class='table borderless'>

CSS:

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

答案 2 :(得分:0)

我建议你去Bootstrap Grid system

小提琴示例:http://www.bootply.com/vZRIDaqaRm