Question

目前我正在学习laravel 5.1，我正在建立一个像网站这样简单的论坛。但是第一次卡在寄存器视图中，我使用了刀片语言而且没有正确加载bootstrap库。

这是我的主页

  // Populate "Name"
  update_field('field_566e360961c2f', 'John Doe', $wp_identifier);

  // Populate "Sponsors"
  $new_sponsors = array();
  foreach($sponsors as $sponsor) {

      // Define "Sponsor Name"
      $new_sponsor = array(
        'field_566e32fb943a5' => 'Beats and Corn Companye'
      );
      $new_sponsors[] = $new_sponsor;
  }

  update_field('field_566e32bd943a4', $new_sponsors, $wp_identifier);

这是我的nav.blade.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title></title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">


  </head>

  <body>

    @yield('page-content')

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

和register.blade.php

<nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <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="http://localhost/laravel/laravel/public">Ask UMT</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">

            <ul class="nav navbar-nav navbar-right">

              <li><a href="../navbar-static-top/">Log In</a></li>
              <li>{!!link_to_route('get_register','Register')!!}</li>

            </ul>

          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->

      </nav>

我做错了什么？

Answer 1

我认为bootstrap.min.css文件的路径错误。如果您使用路径css/bootstrap.min.css，则该文件应放在public/css/bootstrap.min.css。

中

您要从客户端访问的所有文件都应放在public文件夹中。

此外，您应该使用asset()辅助函数，它将为您确定正确的绝对路径：

<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">

-

您的bootstrap.min.js文件也是如此。

Answer 2

需要使用asset()函数上传文件，因此您特定的项目文件会将它们带到公共文件夹，从而留下{{asset ('css/bootstrap.css')}}，

您可以了解更多here

你需要像css和js一样使用这个方法：

<link href="{{ asset('your-route/css/bootstrap.css') }}" rel="stylesheet">

和

<script src="{{ asset('your-route/js/bootstrap.js') }}"></script>

我希望它可以帮助你...

Bootstrap没有以刀片语言加载

2 个答案: