0
問題との間のマージンをオーバーライドすることはできません。はNAVとジャンボトロン
私が何をした：、bootstrap.cssを上書き.jumbotron{margin-bottom:0px}をオーバーライドし、それが働いていません。私は、元のファイルでそれをデバッグするとき、それがうまく機能：私が見つけた何
。
couldn't work in override css file
HTML：
<body>
<div class="header">
<div class="top-header">
<div class="jumbotron">
<img src="image/name.png" alt="">
<h2>Curiosity Creative</h2>
</div><!--Jumbotron-->
</div><!--top-header-->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#displayItem" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!--navbar-header-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="displayItem">
<ul class="nav nav-tabs">
<li class="home active">
<a href="index.html"><i></i> Home</a></li>
<li class="me">
<a href="aboutMe.html"><i></i>AboutMe</a></li>
<li class="blog">
<a href="Blog.html"><i></i>Blog</a></li>
<li class="contact">
<a href="Contact.html"><i></i>Contact</a></li>
</ul>
</div> <!-- collapse navbar-collapse-->
</div><!--container -->
</nav><!--nav-->
</div>
CSS：
*{
margin: 0;
padding: 0;
}
body{
background: url("../image/body_bg.jpg");
overflow: scroll;
}
div{
position:relative;
}
.top-header{
background-color: white;
}
.jumbotron {
background-color:transparent !important;
text-align: center;
margin-bottom:0px;
}
.jumbotron img{
width: 400px;
}
.jumbotron h2{
color: #aaa;
font-size: 13px;
font-family: verdana;
}
こんにちはみんな、私がそれを無効にするとうまくいかない理由を教えてくれます。 SOS ..... – 4CODE
多分これはあなたを助けることができる：http://stackoverflow.com/questions/20727020/remove-padding-in-jumbotron-bootstrap-3 –
あなたがオーバーライド '.jumbotronの特異性を増加させるとどうなります'ルール？ '.topヘッダ.jumbotron {マージン底：0PX;}のような、例えば' –