2016-02-12 46 views
0

我想有只使用一半的屏幕的表。引导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> 
+0

您可以用引导列这样做https://jsfiddle.net/84kve8oc/或者如果你不想使用引导列类,你可以试试'宽度:50vw' – DebRaj

回答

0

也许使用

.table{ 
width:50%; 
} 

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