Javascript 引导程序3导航栏部分

我使用了另一个网站的代码，其中包含HTML、CSS、引导和JavaScript，用于我自己的网站。不幸的是，当我使用此代码时，导航栏部分的另一个文件无法工作

我怎样才能使这个代码工作

代码：

切换导航








欢迎

你对我的分享有什么想法？





想发表评论吗？只要写下任何名字，写下你对内容的看法。最后写入的注释显示在注释顶部

名称

消息



发送








版权与复制；您的网站2014

必须包含bootstrap.js和bootstrap.css

将其放在标题部分的顶部，然后再应用任何自定义css样式或样式表：

哪一位代码没有正常工作？我们需要整个片段吗？您是否包含了使用引导程序所需的所有库？合适的CSS在哪里？这个链接是我使用的原始网站。我试着为我个人化这一点，我复制和粘贴它的另一页，但正如我所说的导航栏部分没有工作。我没有更改css文件，但在原始网站上有一些文件，如named less和js文件。我没有使用这些文件。这个问题与这些文件有关吗？为了让bootstrap工作，你必须包含“bootstrap.css”文件、“bootstrap.js”文件，并在“bootstrap.js”之前链接jQuery库。谢谢，我在你的帮助下解决了我的问题。我没有。谢谢你的帮助。

<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
   <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header page-scroll">
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand" href="index.html">Halil Eren Ertan</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
         <ul class="nav navbar-nav navbar-right">
            <li>
               <a href="index.html">Home</a>
            </li>
            <li>
               <a href="about.html">About</a>
            </li>
            <li>
               <a href="contact.html">Contact</a>
            </li>
         </ul>
      </div>
      <!-- /.navbar-collapse -->
   </div>
   <!-- /.container -->
</nav>

<!-- Probably the problem why nav-bar section does not work is not relevent after this line but I posted it maybe you want to look it. -->


<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header class="intro-header" style="background-image: url('/home/eren/workspace/web-tutorial/my little startup/DSC_1481.JPG')">
   <div class="container">
      <div class="row">
         <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <div class="page-heading">
               <h1>WELCOME</h1>
               <hr class="small">
               <span class="subheading">What are you thinking about my sharing? </span>
            </div>
         </div>
      </div>
   </div>
</header>
<!-- Main Content -->

<div class="container">
   <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
         <div class="post-preview">
            <a href="post.html">
               <h2 class="post-title">
                        Kuralları Değiştirmenin İlk Kuralı
                    </h2>
               <h3 class="post-subtitle">
                        Problems look mighty small from 150 miles up
                    </h3>
            </a>
         </div>
         <hr>

         <!-- Pager -->
         <ul class="pager">
            <li class="next">
               <a href="#">Older Posts &rarr;</a>
            </li>
         </ul>
      </div>
   </div>
</div>


<div class="container">
   <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
         <p>Want to make comment? Just write any name and write things that you have tought about the content. The comment which is writen last is shown at the top of the comments.</p>
         <!-- Contact Form - Enter your email address on line 19 of the mail/contact_me.php file to make this form work. -->
         <!-- WARNING: Some web hosts do not allow emails to be sent through forms to common mail hosts like Gmail or Yahoo. It's recommended that you use a private domain email address! -->
         <!-- NOTE: To use the contact form, your site must be on a live web host with PHP! The form will not work locally! -->
         <form name="sentMessage" id="contactForm" novalidate>
            <div class="row control-group">
               <div class="form-group col-xs-12 floating-label-form-group controls">
                  <label>Name</label>
                  <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                  <p class="help-block text-danger"></p>
               </div>
            </div>
            <div class="row control-group">
               <div class="form-group col-xs-12 floating-label-form-group controls">
                  <label>Message</label>
                  <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                  <p class="help-block text-danger"></p>
               </div>
            </div>
            <br>
            <div id="success"></div>
            <div class="row">
               <div class="form-group col-xs-12">
                  <button type="submit" class="btn btn-default">Send</button>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
<footer>
   <div class="container">
      <div class="row">
         <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <ul class="list-inline text-center">
               <li>
                  <a href="#">
                     <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                            </span>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                            </span>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <span class="fa-stack fa-lg">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                            </span>
                  </a>
               </li>
            </ul>
            <p class="copyright text-muted">Copyright &copy; Your Website 2014</p>
         </div>
      </div>
   </div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="js/clean-blog.min.js"></script>