Twitter Bootstrap资产调用使用Laravel框架


Twitter Bootstrap Assets Call Using Laravel Framework

我有一个简单的问题。

我使用laravel框架开发了一个新的php项目。我只想从twitter引导程序中导入资产/文件夹内容,即css和js。我已经将文件放在我的公用/文件夹中,因此路径类似于public/assets/csspublic/assets/js

我已经把这个代码放在我的视图页面:

    <link href="{{ url('assets/css/font-awesome.css') }}" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
    <link href="{{ url('assets/css/style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ url('assets/css/pages/signin.css') }}" rel="stylesheet" type="text/css">

但是页面仍然没有样式。当我看到页面源时,链接没有像下面的源一样正确生成

    <link href="{{ asset('assets/css/font-awesome.css') }}" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
    <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/pages/signin.css') }}" rel="stylesheet" type="text/css">

有什么想法吗?

更新

仍然无法工作,我已经将脚本更新到中

    <link href="{{ URL::asset('assets/css/font-awesome.css') }}" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
    <link href="{{ URL::asset('assets/css/style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('assets/css/pages/signin.css') }}" rel="stylesheet" type="text/css">

但仍然没有在我的浏览器中呈现。

更新2

这是我在app'views文件夹中的auth.blade.php视图文件的完整源代码

<head>
    <meta charset="utf-8">
    <title>User Login - Invoinizer. Online Collaboration Invoice Generator</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <link href="{{ URL::asset('assets/css/bootstrap.min.css') }}}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/css/bootstrap-responsive.min.css') }}}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/css/font-awesome.css') }}" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
    <link href="{{ URL::asset('assets/css/style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('assets/css/pages/signin.css') }}" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a 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>
                </a>
                <a class="brand" href="index">Invoinizer.</a>
                <div class="nav-collapse">
                    <ul class="nav pull-right">
                        <li class="">                       
                            <a href="signup" class="">
                                Don't have an account?
                            </a>
                        </li>
                        <li class="">                       
                            <a href="index" class="">
                                <i class="icon-chevron-left"></i>
                                Back to Homepage
                            </a>
                        </li>
                    </ul>
                </div><!--/.nav-collapse -->    
            </div> <!-- /container -->
        </div> <!-- /navbar-inner -->
    </div> <!-- /navbar -->

    <div class="account-container">
        <div class="content clearfix">
            <form action="#" method="post">
                <h1>Member Login</h1>       
                <div class="login-fields">
                    <p>Please provide your details</p>
                    <div class="field">
                        <label for="username">Username</label>
                        <input type="text" id="username" name="username" value="" placeholder="Username" class="login username-field" />
                    </div> <!-- /field -->
                    <div class="field">
                        <label for="password">Password:</label>
                        <input type="password" id="password" name="password" value="" placeholder="Password" class="login password-field"/>
                    </div> <!-- /password -->
                </div> <!-- /login-fields -->
                <div class="login-actions">
                    <span class="login-checkbox">
                        <input id="Field" name="Field" type="checkbox" class="field login-checkbox" value="First Choice" tabindex="4" />
                        <label class="choice" for="Field">Keep me signed in</label>
                    </span>
                    <button class="button btn btn-success btn-large">Sign In</button>
                </div> <!-- .actions -->
            </form>
        </div> <!-- /content -->
    </div> <!-- /account-container -->
    <div class="login-extra">
        <a href="#">Reset Password</a>
    </div> <!-- /login-extra -->

    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
    <script src="{{ asset('assets/js/signin.js') }}"></script>
</body>

将模板更改为.blade.php,因为听起来它没有被识别为刀片模板。

尝试

<link href="{{ URL::asset('css/font-awesome.css') }}" rel="stylesheet">

更新:

根据你的评论,试着创建一个简单的路线,如下所示:

Route::get('Auth',function() {
   return View::make('auth');
});

然后访问Auth,查看其是否正确呈现

更新2:

从路径中删除assets'