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>

bootstrap的Jumbotron - 当我设置边框时无法看到底部边框，为什么会这样？

1 个答案: