Question

这是我的base.html.twig文件的内容：

<html lang="en" class="no-js">
<head>
    <title>{% block title %}Welcome!{% endblock %}</title>
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    {% block stylesheets %}
        <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet" type="text/css">
    {% endblock %}

</head>

这是我的文件的路径：C:\xampp\htdocs\myproject\app\Resources\assets\css\bootstrap.css。

我注意到如果我的道路是正确的，我对此非常新手。有人能指出我并逐步解释如何包含css文件？ thx提前

[更新]这是我的项目

的结构

Answer 1

在项目文件夹中添加到 src/AppBundle(or name of your bundle)/Resources/public/css/bootstrap.css

然后在twig模板中执行此操作：

{{asset('bundles/name_of_your_bundle/css/bootstrap.css')}}

这会在src/your_bundle/Resources/public/css/bootstrap.css

中为您的文件生成网址

我建议你阅读这篇博客：http://tutorial.symblog.co.uk/index.html 有一系列如何在symfony2中创建博客。

Answer 2

首先，包括一个css文件与php或symphony无关

 <link href="css\bootstrap.css" rel="stylesheet" type="text/css">

如果你使用它来包含css文件，那么你的php文件必须在assets文件夹中，如果它在任何其他文件夹之外，只需在app文件夹中说明，那么你需要在路径中包含这些文件夹

<link href="Resources\assets\css\bootstrap.css" rel="stylesheet" type="text/css">

正如你所说，你完全是新手，我看到你正在尝试交响乐。我想建议你从HTML和CSS开始，然后是PHP，然后转到交响乐。如果您不希望将来遇到任何问题。

如何在Symfony2中添加CSS和JS？

2 个答案: