包含bootstrap.css时缺少表格边框

时间:2015-07-20 18:01:09

标签: twitter-bootstrap html-table border

我开始在我的项目中使用bootstrap。

我在所有页面上都包含bootstrap.css。问题是现在所有现有的表都丢失了边界。

这是我的主要css:

.tabla{
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    color:#333333;
    background-color:#EFEFEF;
    margin:0 auto;
}

似乎bootstrap.css正在覆盖一些属性。我首先包含我的样式文件的所有文件,然后是bootstrap.css。

注意:看不见的边框是行之间的边框。外边界看起来不错。

1 个答案:

答案 0 :(得分:0)

你能把它们添加到你的吗?

.tabla {
 font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    color:#333333;
    background-color:#EFEFEF;
    margin:0 auto;
    border-style: solid;
    }

请记住在您自己的自定义css文件 之前添加bootstrap css,如下所示:          

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- Personal CSS -->
<link rel="stylesheet" href="css/main.css">