html - bootstrap Jumbotron - 设置边框时看不到底部边框，这是为什么？

Question

我是 bootstrap 的新手，我将边框设置为 Jumbotron 类，我看到边框顶部、左侧和右侧，但看不到边框底部，它不见了。

我在 bootstrap 网站上发现了这个:我想我有那个，但我知道如何重置这个...我想看到边框底部，而不是隐藏它。

我有一个 bootstrap.min.css 文件(当然还有我的 css 文件)，但 Bootstrap 文件中没有任何与边框或 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;
	border:2px solid blue;
	//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>