Bootstrap 3 CSS表半宽

我想要一张只用一半屏幕的桌子

<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>

....

可能使用

.table{
 width:50%;
}

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

---

可以这样处理引导列，或者如果不想使用引导列类，可以尝试

width:50vw