ブートストラップのジャンボトロン - 私がボーダーを設定したときにボトムボーダーが見えないのはなぜですか？

Question

私はブートストラップには新しく、Jumbotronクラスにボーダーを設定しました。境界線の上端、左端、右端が見えますが、ボーダーの底を見ることはできません。

私はブートストラップサイトでこれを見つけました：私はそれを持っていると思いますが、これをリセットする方法を知っています... 私はボーダーボトムを見たいと思っています。

bootstrap.min.cssファイル（もちろん私のCSSファイルにadditonにあります）がありますが、境界線やJumbotronに関連するブートストラップファイルには何もありません。 ボーダーボトム0をリセットするにはどうすればよいですか？

ありがとうございました！

Answer 1

ボトムボーダーが蛇行要素の下にある可能性があります。この例を確認し、

.jumbotron{ 
 
    position: relative; 
 
    padding:0 !important; 
 
    margin-top:70px !important; 
 
    background: #eee; 
 
    margin-top: 23px; 
 
    text-align:center; 
 
    margin-bottom: 0 !important; 
 
\t border:2px solid blue; 
 
\t //border-bottom:2px solid red; 
 
} 
 
.jumbotron .container-fluid{ 
 
    padding:0 !important; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="jumbotron" id="jumbo_block"> 
 
<h1>Lorem Ipsum Dolor</h1> 
 
<div class="container-fluid"> 
 
    <div class="row-fluid"> 
 
    <div class="col-xs-4"> 
 
     <h3><span class="glyphicon glyphicon-time"></span></h3> 
 
     <h4> Thursday 12:30</h4> 
 
    </div> 
 
    <div class="col-xs-4"> 
 
     <h3><span class="glyphicon glyphicon-map-marker icon-white"></span></h3> 
 
     <h4> Kanyon</h4> 
 
    </div> 
 
    <div class="col-xs-4"> 
 
     <h3><span class="glyphicon glyphicon-user"></span></h3> 
 
     <h4>6 People</h4> 
 
    </div> 
 
    </div> 
 
    </div> 
 
</div>