php - Bootstrap navbar と php インクルード機能

Question

ブートストラップ ナビゲーション バーを使用していますが、すべて問題ありませんが、php で include 関数を呼び出してナビゲーション バーを呼び出すと、ページの上部とナビゲーション バーの間にギャップが表示されます。何が起こった？

これはindex.phpです

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
}
@media (max-width: 768px) {
body {
  padding-top: 0;
    }
}
</style>

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

これは navbar.php です:

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
  </button>
  <a class="brand" href="#">Project name</a>
  <div class="nav-collapse collapse">
    <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
    </ul>
  </div>
</div>

index.php を呼び出すと、次のようになります。

<?php include('navbar.php'); ?>

ナビゲーションバーとトップページの間にスペースがあります。navbarコードを貼り付けると、index.phpすべてうまくいきます。