Html 将自定义css添加到细枝模板,样式不适用
我正在努力将main.css链接到twig中的html模板。 我不知道为什么它不能正常工作,我也没有办法了 我已经在我的基本html文件的Html 将自定义css添加到细枝模板,样式不适用,html,css,symfony,twig,Html,Css,Symfony,Twig,我正在努力将main.css链接到twig中的html模板。 我不知道为什么它不能正常工作,我也没有办法了 我已经在我的基本html文件的head块中添加了这一行 <link type="text/css" rel="stylesheet" {{ source('main.css') }}"> 这是我的文件夹结构 您应该在相对于模板化目录的路径中创建main.css 问题是source不是你想要的东西。请看下面的模板: 小树枝 <!DOCTYPE html> <
head
块中添加了这一行
<link type="text/css" rel="stylesheet" {{ source('main.css') }}">
这是我的文件夹结构
您应该在相对于模板化
目录的路径中创建main.css
问题是source
不是你想要的东西。请看下面的模板:
小树枝
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" {{ source('main.css') }}">
</head>
<body>
This is Body
</body>
</html>
请注意,asset
获取相对于public
目录的路径,因此您应该将web资产放在public
中,而不是模板化
如果您使用的是Symfony 4,还应安装Symfony/asset:
composer require symfony/asset
您可以在此处阅读更多信息:似乎是Symfony 4,对吗?
main.css
应该位于public
dir下我猜这不是css的正确路径,双击要使用的css,单击属性并转到文件位置,复制路径并复制到:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" body{ background: red;}">
</head>
<body>
This is Body
</body>
</html>
<link type="text/css" rel="stylesheet" {{ asset('main.css') }}">
composer require symfony/asset