第一和第二引導行之間的水平線

Question

我使用引導行來製作帶有按鈕的3列，但是當我製作它們時，它會顯示將第一列與第二列分開的水平線。問題是我不希望那條線在那裏，它只顯示在第一列和第二列之間。

我該如何把這個煩人的線路關掉？

這裏是我的代碼和照片：

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-1"> 
      <h5>Noise pollution</h5> 
     </div> 
     <div class="col-sm-1"> 
      <h5>Waste pollution</h5> 
     </div> 
     <div class="col-sm-1"> 
      <h5>Chimic pollution</h5> 
     </div> 
    </div> 
    </div> 

我沒有這方面的任何CSS，只能通過引導提供的css和它顯示有該行:(

。

Answer 1

您可以在開發人員工具的檢查器中找到應用此樣式的CSS。但是，如果找不到您可以覆蓋CSS以刪除邊框，請嘗試在CSS文件末尾添加以下代碼段，

.container-fluid .row .col-sm-1 { 
    border: none; 
}