Html 无法将主刀片链接到引导css_Html_Css_Twitter Bootstrap_Laravel_Laravel 4

Html 无法将主刀片链接到引导css

html css twitter-bootstrap laravel laravel-4

Html 无法将主刀片链接到引导css,html,css,twitter-bootstrap,laravel,laravel-4,Html,Css,Twitter Bootstrap,Laravel,Laravel 4,我在将主刀片文件与css和js等引导文件链接时遇到问题。我无法格式化jumbotron类，以查看其链接是否正确，现在它只是显示为文本。这是刀片文件和引导文件： default.blade中的代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale

我在将主刀片文件与css和js等引导文件链接时遇到问题。我无法格式化jumbotron类，以查看其链接是否正确，现在它只是显示为文本。这是刀片文件和引导文件：

default.blade中的代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>NIH</title>

    <!-- Bootstrap core CSS -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <!-- Add custom CSS here -->
  <link type="text/css" rel="stylesheet" href="css/main.css">

    <title>{{ $title }}</title>
</head>
<body>
    <table>
        <tr>
            <td>
                {{ Form::open(array('url' => 'bassengweb/hvertime', 'method' => 'GET')) }}
                {{ Form::submit('Hver Time') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/hvertredjetime', 'method' => 'GET')) }}
                {{ Form::submit('Hver Tredje Time') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/gjoremal', 'method' => 'GET')) }}
                {{ Form::submit('Gjøremål') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/dagvakt', 'method' => 'GET')) }}
                {{ Form::submit('Dagvakt') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/kveldsvakt', 'method' => 'GET')) }}
                {{ Form::submit('Kveldsvakt') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/kontrollcm', 'method' => 'GET')) }}
                {{ Form::submit('Kontroll CM') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/sok', 'method' => 'GET')) }}
                {{ Form::submit('Søk') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/diagram', 'method' => 'GET')) }}
                {{ Form::submit('Diagrammer') }}
                {{ Form::close() }}
            </td>

            <td>
                {{ Form::open(array('url' => 'bassengweb/rapport', 'method' => 'GET')) }}
                {{ Form::submit('Rapport') }}
                {{ Form::close() }}


                {{ HTML::linkRoute('kveldsvakt', 'kveldsvakt') }}
            </td>
        </tr>
    </table>

    @if(Session::has('message'))
        <p style="color: green;">{{ Session::get('message') }}</p>
    @endif
    <div id="test"> @yield('content')


         <div class="container">

      <!-- Main component for a primary marketing message or call to action -->


      <div class="jumbotron">
        <h1>Navbar example</h1>
        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
        <p>To see the difference between static and fixed top navbars, just scroll.</p>
        <p>
          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
        </p>
      </div>

    </div> <!-- /container -->



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




    </div>


    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- JavaScript -->
    <script src="js/bootstrap.js"></script>
</body>
</html>


国立卫生研究院
{{$title}}
{{Form:：open（数组（'url'=>'bassengweb/hvertime'，'method'=>'GET'））}
{{Form:：submit（'Hver Time'）}
{{Form:：close（）}}
{Form:：open（数组（'url'=>'bassengweb/hvertredjetime'，'method'=>'GET'））}
{{Form:：submit（'Hver Tredje Time'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/gjoremal'，'method'=>'GET'））}
{{Form:：submit（'Gjøremål'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/dagvakt'，'method'=>'GET'））}
{{Form:：submit（'Dagvakt'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/kveldsvakt'，'method'=>'GET'））}
{{Form:：submit（'Kveldsvakt'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/kontrollcm'，'method'=>'GET'））}
{{Form:：submit（'kontrol CM'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/sok'，'method'=>'GET'））}
{{Form:：submit（'Søk'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/diagram'，'method'=>'GET'））}
{{Form:：submit（'Diagrammer'）}
{{Form:：close（）}}
{{Form:：open（数组（'url'=>'bassengweb/report'，'method'=>'GET'））}
{{Form:：submit（'report'）}
{{Form:：close（）}}
{{HTML:：linkRoute（'kveldsvakt'，'kveldsvakt'）}
@if（会话：：has（'message'））
{{{Session:：get（'message'）}
@恩迪夫
@产量（‘含量’）
导航栏示例
此示例是一个快速练习，用于说明默认、静态和固定到顶部的导航栏是如何工作的。它包括响应性CSS和HTML，因此它也适用于您的视口和设备
要查看静态和固定顶部导航栏之间的差异，只需滚动

您的视图文件应该位于路径下的视图文件夹中：

/app/views/

laravel文件结构的读取链接

无论如何，你可以这样做。如果您的css和js位于公用文件夹中：

 //js
  <script src="{{URL::to('/')}}/js/bootstrap.js"></script>
         'or'
   <script src="{{ URL::asset('js/bootstrap.js') }}"></script>
 //css
 <script src="{{URL::to('/')}}/css/bootstrap.css"></script>

//js
“或者”
//css

你应该这样做

<title>NIH</title>

<!-- Bootstrap core CSS -->
{{ HTML::style('css/bootstrap.min.css') }}
<!-- Add custom CSS here -->
{{ HTML::style('css/main.css')}}

<title>{{ $title }}</title>

NIH
{{HTML:：style（'css/bootstrap.min.css'）}
{{HTML:：style（'css/main.css'）}
{{$title}}

我建议在打开正文后直接加载jquery和boosttrap.js文件，而不是在页面底部。此外，打开chrome inspector，查看它是否产生任何错误。如果它找不到您要包含的文件，它将在错误消息中声明。您的js和css文件夹在项目中的位置。将它们放在公用文件夹和视图中的刀片文件中这是非常好的：

和

实际上更好的是

HTML:：style（'css/bootstrap.css'）

和

HTML:：script（'js/bootstrap.js'）

为什么不使用CDN

对于

js

脚本

{{HTML:：script（'js/jquery.min.js'）}}

{{HTML:：script（'js/bootstrap.min.js'）}}

。但是这次是

HTML:：script

，而不是

HTML:：style

。