最初のブートストラップ行と2番目のブートストラップ行の間の水平線

Question

私はブートストラップ行を使用して3つの列をボタンで作成しますが、それらを作成すると、最初の列と2番目の列を区切る水平線が表示されます。問題は、私がそこでその行を望んでいないことと、それが最初の列と2番目の列の間にしかないことです。

どうすれば迷惑行を取り除くことができますか？ここで

は私のコードと写真です：

<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; 
}