html - Bootstrap table table-condensed table-hover，顶部边框不显示

Question

我正在使用带有 Bootstrap 的自定义 css 作为外边框。但顶部边框不可见，除非我将其大小设置为 2 px。

我该如何解决这个问题？

HTML

<table class="table table-condensed table-hover border"> 
<tr><td>#</td><td><strong>name</strong></td></tr>
<tr><td>1.</td><td>one</td></tr>
<tr><td>2.</td><td>two</td></tr>
<tr><td>3.</td><td>three</td></tr>
<tr><td>4.</td><td>four</td></tr>
</table>

CSS

@import url("http://netdna.bootstrapcdn.com/bootswatch/3.0.3/cerulean/bootstrap.min.css");
@import url("http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css");

.border{
background-color:#fff;
color:#000;
padding:10px;
border:1px solid #4C7ED1;
}

http://jsfiddle.net/Xy6a6/

我想要一个 1px 的外部表格边框 #4C7ED1它在除顶部外的所有侧面都可见，我该如何修复它？

谢谢

Answer 1

在 bootstrap 4 中，table-condensed 类被重命名为 table-sm 以保持一致性。

• 引用:Click here