Bootstraped表 - 較小的字體

Question

我使用的自舉表在我的html：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<style> 
.table-condensed { 
width: 90% !important; 
} 

而且我想打表的字體大小要小得多。如何調整當前代碼以獲得所需的輸出。提前謝謝了。

Answer 1

只需將一個font-size: 8px;添加到您的CSS選擇器。

用任何你想改變字體大小的數字替換8。

Answer 2

先生。我會嘗試這樣的事：

.table-condensed{ 
 
    font-size: 10px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<table class="table table-condensed"> 
 
    <thead> 
 
    <tr> 
 
     <th>Firstname</th> 
 
     <th>Lastname</th> 
 
     <th>Email</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>John</td> 
 
     <td>Doe</td> 
 
     <td>john@example.com</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Mary</td> 
 
     <td>Moe</td> 
 
     <td>mary@example.com</td> 
 
    </tr> 
 
    <tr> 
 
     <td>July</td> 
 
     <td>Dooley</td> 
 
     <td>july@example.com</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

我得到這個撥弄你的你：https://jsfiddle.net/mqhd0js6/。 希望它有幫助！