Css 导航栏和索引之间的差距，韩元'；Don’我似乎不会接受别人的建议_Css_Twitter Bootstrap

Css 导航栏和索引之间的差距，韩元'；Don’我似乎不会接受别人的建议

css twitter-bootstrap

Css 导航栏和索引之间的差距，韩元'；Don’我似乎不会接受别人的建议,css,twitter-bootstrap,Css,Twitter Bootstrap,导航栏和页面的其余部分之间似乎有间隙。我正试图摆脱这一点，但无济于事。我尝试过调整利润率等。它一直要求我在发布这个问题之前提供更多细节，我真的不知道如何提供比我已经拥有的更多细节 <!DOCTYPE html> <html> <head> <title>Josh Adams</title> <%= csrf_meta_tags %> <%= stylesheet_link_tag '

导航栏和页面的其余部分之间似乎有间隙。我正试图摆脱这一点，但无济于事。我尝试过调整利润率等。它一直要求我在发布这个问题之前提供更多细节，我真的不知道如何提供比我已经拥有的更多细节

<!DOCTYPE html>
<html>
  <head>
    <title>Josh Adams</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-    turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track':     'reload' %>
  </head>

  <body>

    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
        <a class="navbar-brand" href="#">Josh Adams</a>
        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
          <li class="nav-item active">
            <a class="nav-link" href="#">Resume <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Links</a>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li class="nav-item">
            <a class="nav-link" href="#">Contact</a>
          </li>
        </ul>
      </div>
    </nav>
  <div class="index" id="index-page">
    <div class="headline">About me</div>
    <hr>

    <div class="media col-8 offset-2">
      <span class="media-left">
        <%= image_tag("profilephoto.jpg") %>
      </span>
      <div class="media-body">
        <h2 class="media-heading">Joshua Adams:</h2>
        <h3 class=about-body>

        </h3>
      </div>
    </div>
  </div>
  </body>
</html>

@import "bootstrap";

#index-page {
  background: image_url('indexbackground.jpg');
  margin-top: 0px;
}
h1 {
  color: white;
}

.media {
  margin-top: 50px;
}

.headline {
  font-size: 80pt;
  text-align: center;
  color: white;
  margin-top: 50px;
  font-family: 'chunkfiveroman';
}

hr {
  width: 75%; 
  color: black; 
  height: 2px; 
  background-color: white;
  margin-top: 0px;
  padding-top: 0px;
}
.media-heading {
  margin-left: 25px;
  color: white;

}
.navbar {
    margin-bottom: 0;
}
#index-page {
  margin-top: 0px;
}
.index {
  margin-top: 0px;
  height: 800px;
}


乔希·亚当斯










关于我

约书亚·亚当斯：
@导入“引导”；
#索引页{
背景：图片url（'indexbackground.jpg'）；
边际上限：0px；
}
h1{
颜色：白色；
}
.媒体{
边缘顶部：50px；
}
.标题{
字号：80pt；
文本对齐：居中；
颜色：白色；
边缘顶部：50px；
字体系列：“chunkfiveroman”；
}
人力资源{
宽度：75%；
颜色：黑色；
高度：2倍；
背景色：白色；
边际上限：0px；
填充顶部：0px；
}
.媒体标题{
左边距：25px；
颜色：白色；
}
navbar先生{
页边距底部：0；
}
#索引页{
边际上限：0px；
}
.索引{
边际上限：0px；
高度：800px；
}

它在您的

中。headline

类：

页边距顶部：50px删除它，它看起来应该很好
更详细地说，它意味着一个更好的解决方案，这样人们可以更容易地帮助你。你提到你已经调整了利润率等等，你的标题上的利润率应该还在吗？谢谢，我最后把它记下来了。不习惯网页设计编码