我页面顶部的白条

时间:2017-04-12 22:39:07

标签: html css

Weird white bar at the top of my page, please help!

我不确定这个白条是否带有">"左边的标志与我的CSS中的背景照片有关,或者是否与我的标题顶部边距有关。请让我知道你们的想法。



#header {
	background:url('../img/stars-bg.jpg') center center no-repeat;
	background-size:cover;
	height:100%;
	color:#fff;
	display:flex;
	align-items:center;
}

 <section id="header">	
    		<div class="container">
    		<div class="row">
    			<div class="col-md-6 wow fadeIn" data-wow-delay=".8s" data-wow-duration="2s">
    				<img src="img/logo.png" class="img-fluid" alt="logo"/>
    				<h2>THINGS WORK BETTER IN SPACE</h2>
    				<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elitproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    				<p class="hidden-sm-down">proident, sunt in culpa qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborumproident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    			</div>

    			<div class="col-md-6 header-right hidden-sm-down wow fadeIn" data-wow-delay="1.3s" data-wow-duration="2s">
    				<p>qui officia d
    				eserunt mollit anim id est laborum. qui officia deserunt mollit anim id est laborum.proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    				<form>
    					<fieldset class="form-group">
    						<label class="sr-only">Name</label>
    						<input type="text" class="form-control" name="#" placeholder="Your name...">
    					</fieldset>
    					    <fieldset class="form-group">
    						<label class="sr-only">Email</label>
    						<input type="text" class="form-control" name="#" placeholder="Your email...">
    					</fieldset>
    					<button type="submit" class="btn btn-outline-info btn-block">sign up</button>
    				</form>
    			</div>

    		</div>

    		<div class="row wow swing" data-wow-delay="2s">
    			
    		<div class="col-md-12 text-xs-center">
    			<a href="#social"><i class="fa fa-chevron-down fa-3x" aria-hidden="true"></i></a>
    		</div>

    		</div>
    		</div>
 	    </section>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您的代码中可能存在打开/关闭标记的问题。我没有看到你发布的内容有什么问题,所以我假设你还没有发布。将来,您可以验证代码here