Bootstrap表td擠壓問題

Question

我會用你的意見如何擺脫表擠壓。

<div class="container"> 
     <table id="table" class="table table-hover" name="table"> 
      <tr> 
       <td class="col-md-1">20.09.2015</td> 
       <td class="col-md-1"><a href="#" style="text-decoration:none;"><span class="label label-default label-as-badge" style="font-weight:normal;">category</span></a></td> 
       <td class="col-md-5"><a id="test" name="test" href="#">41423</a></td> 
       <td class="col-md-5">1123</td> 
      </tr> 
     </table> 
</div> 

我想什麼做到的是兩個左側TD的 - 日期和類別總是相同的，小的，而不是擠壓。另外兩個標題和內容開始的右側td應該更小一些。

現在，如果我拖動瀏覽器的右側，它應該收縮所有可能的東西，並且如果沒有剩餘空間，那麼從右側切割（左移或右移）到左側。

這可能嗎？提前致謝！

Answer 1

當窗口變小時，爲了保持td（或任何元素）不變，請使用white-space: nowrap作爲樣式。這將確保線條僅在<br>元素處突破。

參見official documentation at W3C。