引導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%; 
} 
}