css - Bootstrap 3 CSS 表格半宽

Question

我想要一个只使用一半屏幕的表格。

<table class="table">
....
</table>

默认情况下，这会填满整个宽度，这通常很好，但对于这个表格(仅)我只想要一半(但在较小的显示器上更多)。我以为我可以用这样的东西来做，但是不行。

<div class="row">
<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6">
<table class="table">
....
</table>
</div></div>

Answer 1

也许用

.table{
 width:50%;
}

@media screen and (max-width: 1024px) {
 .table{
  width:70%;
 }
}