關於簡單 Bootstrap 3.4.1 表中缺失列的任何想法？

Question

我在響應式網格中有一個非常簡單的 4 列引導表。 一些客戶報告說adLabel單元格/列沒有顯示，他們不知道數據的含義。 adLabel和adData之間的唯一區別是字體粗細。 我認為這是一個字體問題，直到該客戶發送了一個屏幕截圖，顯示這些列完全丟失。

示例代碼：

 .adLabel { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: black; text-align: left; vertical-align: top; font-weight: normal; } .adData { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: black; text-align: left; vertical-align: top; font-weight: 600; }

 <!-- Bootstrap-3.4.1 --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <!-- Body --> <table class="table table-striped" style="width:100%; border:0; padding:5px;"> <tr><td colspan="4" class="bgLightgray center"><h4>Horse Name</h4></td></tr> <tr><td class="adLabel" style="width:20%">Location</td> <td class="adData" style="width:30%">Colorado</td> <td class="adLabel" style="width:20%">Breed</td> <td class="adData" style="width:30%">Pony</td></tr> </table>

Answer 1

adblocker 是阻止adLabel類。 在我的情況下，它的ublock。

你只需要重命名類。