2017-03-23 62 views
0

我感觉不舒服。突然之间,我的大炮的底部出现了一条不想要的白色水平线。它发生后...Jumbotron的水平线

  1. 插入导航栏形式
  2. 在身体
  3. 的底部添加的形式插入对象,然后
  4. 在超大屏幕插入按钮

我已经评论了我所做的所有更改,但无济于事。

<header class="jumbotron"> 
    <!-- Main component for a primary marketing message or call to action --> 
    <div class="container"> 
     <div class="row row-content"> 
      <div class="col-xs-12 col-sm-8"> 
       <h1>Ristorante con Fusion</h1> 
       <p style="padding:40px;"></p> 
       <p>We take inspiration from the World's best cuisines!</p> 
      </div> 
      <div class="col-xs-12 col-sm-2"> 
       <p style="padding:20px;"></p> 
       <img src="img/logo.png" class="img-responsive"> 
      </div> 
      <div class="col-xs-12 col-sm-2"> 
       <br><br><br><br><br> 
       <button type="button" class="btn btn-warning btn-lg btn-block" onclick="window.location.href='#reservation'">Reserve table</button> 
      </div> 
     </div> 
    </div> 
</header> 

回答

1
<header class="jumbotron" style="margin-bottom:0px"> 
<!-- Main component for a primary marketing message or call to action --> 
<div class="container"> 
    <div class="row row-content"> 
     <div class="col-xs-12 col-sm-8"> 
      <h1>Ristorante con Fusion</h1> 
      <p style="padding:40px;"></p> 
      <p>We take inspiration from the World's best cuisines!</p> 
     </div> 
     <div class="col-xs-12 col-sm-2"> 
      <p style="padding:20px;"></p> 
      <img src="img/logo.png" class="img-responsive"> 
     </div> 
     <div class="col-xs-12 col-sm-2"> 
      <br><br><br><br><br> 
      <button type="button" class="btn btn-warning btn-lg btn-block" onclick="window.location.href='#reservation'">Reserve table</button> 
     </div> 
    </div> 
</div> 

0

找到了!你可以放松大家...

<div class="row row-content"> 

应该已经

<div class="row row-header">