我有一个简单的问题。
我使用laravel框架开发了一个新的php项目。我只想从twitter引导程序中导入资产/文件夹内容,即css和js。我已经将文件放在我的公用/文件夹中,因此路径类似于public/assets/css
或public/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'