2016-10-04 84 views
0

我目前正在使用Bootstrap 4製作模板。我有一個有四行的表格,這裏是指向上述網站的鏈接:hereBootstrap 4表問題

現在用CSS我這裏只是鏈接:

a { 
color: #F0FFFF; 
} 

a:visited { 
color: #00FFFF; 
} 

a:hover { 
text-decoration: none; 
} 

但在第四行,第四連接不遵循上述CSS規則。我的問題是我在CSS上犯了一個錯誤嗎?還是BootStrap 4對錶有限制?使用BootStrap文檔,它僅顯示三行的示例。看看here

+0

你可以提供你的代碼,你已經嘗試了什麼???對於我們來說,理解你的嘗試會容易得多。我不認爲引導程序中存在表格行限制 –

+0

請考慮添加你的html代碼,可能會有一些問題。並且您提供了您的本地路徑,該路徑指向您的系統中的C:文件夾。試試'plnkr'或'jsbin' –

+0

https://plnkr.co/edit/dauOWEr9XtnDC67xRCNB?p=preview檢查這個 –

回答

1

下面是表HTML:

<table class="table table-striped table-inverse"> 
    <thead> 
    <tr> 
    <th>Date</th> 
    <th>Area</th> 
    <th>Venue</th> 
    <th>Tickets</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
    <th scope="row">June 16, 2017</th> 
    <td>Auburn Hills, MI</td> 
    <td><a href="https://www.palacenet.com/">Palace Of Auburn Hills</a></td> 
    <td><a href="#"> 
    <button type="button" class="btn btn-primary btn-sm" data-toggle="button" aria-pressed="false" autocomplete="off"> 
     Tickets!! 
    </button></a> 
    </td> 
    </tr> 
    <tr> 
    <th scope="row">June 19, 2017</th> 
    <td>Los Angeles, CA</td> 
    <td><a href="http://www.lacoliseum.com/">Los Angeles Memorial Coliseum</a>  </td> 
    <td><button type="button" class="btn btn-primary btn-sm" data-toggle="button" aria-pressed="false" autocomplete="off"> 
     Tickets!! 
    </button></a> 
    </td> 
</tr> 
<tr> 
    <th scope="row">June 23, 2017</th> 
    <td>Toyko, Japan</td> 
    <td><a href="http://www.nipponbudokan.or.jp/">Nippon Budokan</a></td> 
    <td><button type="button" class="btn btn-primary btn-sm" data-toggle="button" aria-pressed="false" autocomplete="off"> 
     Tickets!! 
    </button></a> 
    </td> 
</tr> 
<tr> 
    <th scope="row">June 26, 2017</th> 
    <td>Hong Kong</td> 
    <td><a href="#">Hong Kong Festival</a></td> 
    <td><button type="button" class="btn btn-primary btn-sm" data-toggle="button" aria-pressed="false" autocomplete="off"> 
     Hey! 
    </button></a> 
    </td> 
    </tr> 
    </tbody> 
    </table> 
+0

爲什麼你有''關閉按鈕後的錨標記?我找不到開標籤。對於有問題的代碼,請使用'plnkr'或'jsbin'。如果它不能解決問題,請刪除您的答案。 –

+0

奇怪的是,我已經回到那個頁面,而沒有編輯特定的頁面,但玩弄了CSS。現在,我的問題不再是一個問題,我的猜測是我在CSS中犯了一個錯誤。我應該刪除嗎? –