首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Laravel视图中使用CSS?

在Laravel视图中使用CSS?
EN

Stack Overflow用户
提问于 2012-11-18 02:52:11
回答 14查看 368.4K关注 0票数 119

我刚刚开始学习Laravel,可以做控制器和路由的基础知识。

我的操作系统是Mac OS X Lion,它在MAMP服务器上。

我来自routes.php的代码:

代码语言:javascript
复制
Route::get('/', function() {
    return View::make('home.index');
});

Route::get('businesses', function() {
    return View::make('businesses.index');
});

Route::get('testing', function() {
    return View::make('testing.index');
});        

Route::get('hello', function() {
    return "<h3>Hello world!</H3>";
});

这工作,视图显示完美,‘’然而‘’我想尝试和做的是在视图中包含CSS,我尝试在目录中添加一个指向样式表的链接,但页面将其显示为默认浏览器字体,即使css在HTML中!

这是来自views文件夹中企业的index.php:

代码语言:javascript
复制
<head>
   <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<p>Business is a varied term. My content here.

我试着使用我的other views文件夹( testing )中的刀片模板引擎来显示CSS,但是CSS仍然没有显示,尽管它在testing文件夹中!

我如何才能克服这个问题,并变得更好--因为我正在慢慢地学习这个框架。

EN

回答 14

Stack Overflow用户

发布于 2012-11-22 02:16:05

将您的资源放在公用文件夹中;例如:

代码语言:javascript
复制
public/css
public/images
public/fonts
public/js

然后,要使用Laravel访问它们,请使用:

代码语言:javascript
复制
{{ HTML::script('js/scrollTo.js'); }}

{{ HTML::style('css/css.css'); }}

或者:

代码语言:javascript
复制
{{ URL::asset('js/scrollTo.js'); }}

{{ URL::asset('css/css.css'); }} 

此语法将自动生成正确的路径(例如,` `public/js/scrollTo.js')。

票数 162
EN

Stack Overflow用户

发布于 2012-11-18 03:07:34

您的css文件属于公用文件夹或其子文件夹。

如果你把你的css放在

代码语言:javascript
复制
public/css/common.css

您将使用

代码语言:javascript
复制
HTML::style('css/common.css');

在您的刀片视图中...

或者您也可以使用资产类http://laravel.com/docs/views/assets...

票数 43
EN

Stack Overflow用户

发布于 2012-11-18 03:41:11

您还可以像往常一样编写一个简单的链接标记,然后在href attr上使用:

代码语言:javascript
复制
<link rel="stylesheet" href="<?php echo asset('css/common.css')?>" type="text/css"> 

当然,您需要将css文件放在public/css下

票数 27
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13433683

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档