Question

我的Navbar失踪了我使用Laravel和功能刀片看到Jumbotron被激活，Bootstrap正在工作

有人可以帮忙吗？

这是导航代码

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>@yield('title')</title>

         <!-- Bootstrap Core Css -->
         <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">

         <!-- Sweet Alert Css -->
         <link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" />

         <!-- Design Css -->
         <link href="plugins/pagecss/front_master.css" rel="stylesheet" />
     </head>
     <body>
       <nav class="navbar navbar-inverse navbar-fixed-top" >
         <div class="container-fluid">
           <div class="navbar-header">
          <img id = "brnd" style="float:left;margin-top: 0.7em;margin-right: 1em;" alt="Brand" src="../images/index.jpg">               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
             <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">i-Kasal</a>
           </div>
           <div class="collapse navbar-collapse" id="myNavbar">
             <ul class="nav navbar-nav">
               <li class="#"><a href="/">Home</a></li>
               <li><div class="fb-share-button" data-
href="https://ikasal.uphero.com" data-layout="button_count" data-
size="small" data-mobile-iframe="true"><a
class="fb-xfbml-parse-ignore" target="_blank"
href="https://www.facebook.com/sharer/sharer.php?
u=https%3A%2F%2Fikasal.uphero.com%2F&amp;src=sdkpreparse"><button
id = "sharebtn" class="btn btn-primary navbar-btn">Share 
@Facebook</button></a></div></li>
             </ul>
            <ul class="nav navbar-nav navbar-right">
             <li class = "@yield('Signup')"><a href="/signup"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
              <li class = "@yield('Login')"><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
            </ul>
           </div>
         </div>
       </nav>

       <!-- Jquery Core Js -->
       <script src="plugins/jquery/jquery.min.js"></script>

       <!-- Bootstrap Core Js -->
       <script src="plugins/tether-master/dist/js/tether.min.js"></script>
       <script src="plugins/bootstrap/js/bootstrap.min.js"></script>

       <!-- Jquery Validation Plugin Css -->
       <script src="plugins/jquery-validation/jquery.validate.js"></script>

       <!-- Sweet Alert Plugin Js -->
       <script src="plugins/sweetalert/sweetalert.min.js"></script>

       @yield('body')
   </body>
 </html>

这是欢迎页面代码

 @extends('layout.main.front_master')

 @section('title','iKasal')

 @section('body')

 <!-- Design Css -->
 <link href="../../../plugins/pagecss/welcome.css" rel="stylesheet" />

         <div class="jumbotron" style = "padding-top:100px;">
           <div class="container">
             <h1 style="font-size:200px;">i-Kasal</h1>
             <p style="font-size:80px;">Welcome to iKasal</p>
             <p><a class="btn btn-primary btn-lg" href="#" role="button" 
             style="font-size:50px;width: 25%">Learn more</a></p>
          </div>
        </div>
 @endsection

Navbar在我发布的网站中不起作用

0 个答案: