Question

我感觉不舒服。突然间，我的jumbotron底部出现了一条不需要的白色水平线。它发生在...之后......

插入导航栏表单
在身体底部添加表单
插入对象
在jumbotron中插入一个按钮

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

<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>

Answer 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>

Answer 2

发现它！你可以放松每个人......

<div class="row row-content">

应该是

<div class="row row-header">

在Jumbotron的水平线

2 个答案: