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

【问题标题】：bootstrap's Jumbotron - can't see the bottom border when I set border, why is that?bootstrap Jumbotron - 设置边框时看不到底部边框，这是为什么呢？
【发布时间】：2017-09-20 14:29:29
【问题描述】：

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

我在引导站点中找到了这个：我想我有这个，但我知道如何重置这个...... 我想看到边框底部，而不是隐藏它。

我有一个 bootstrap.min.css 文件（当然还有我的 css 文件），但是 bootstrap 文件中没有任何与边框或 Jumbotron 相关的内容。如何重置边框底部 0？

谢谢！

【问题讨论】：

请在您的帖子中包含minimal reproducible example，例如重现您的问题的代码 sn-p。另外，请指定您正在使用的 Bootstrap 的确切版本。

标签： html css twitter-bootstrap border

【解决方案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>

【讨论】：