добавить собственный шаблон CSS в веточку, стиль не применяется - PullRequest
Новая
       5

добавить собственный шаблон CSS в веточку, стиль не применяется

0 голосов
/ 01 ноября 2018

Я очень стараюсь как-то связать мой main.css с моими HTML-шаблонами в ветке. Я не уверен, почему это не работает, и у меня закончились идеи.

Я добавил эту строку в свой блок head в моем базовом html-файле. 

<link type="text/css" rel="stylesheet" {{ source('main.css') }}">

Это все, что у меня есть в моем файле CSS 

body{
   background: red;
}

Вот моя структура папок

enter image description here

1 Ответ

0 голосов
/ 03 ноября 2018

enter image description here

Вы должны создать main.css в пути относительно каталога templating.

Проблема в том, что source это не то, что вы, вероятно, после. посмотрите на шаблон ниже:

Twig 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" {{ source('main.css') }}">
    </head>
    <body>
        This is Body
    </body>
</html>

полученный HTML-код в браузере выглядит так:

Источник HTML 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" body{ background: red;}">
    </head>
    <body>
        This is Body
    </body>
</html>

Вы, вероятно, после asset функция ветки: 

<link type="text/css" rel="stylesheet" {{ asset('main.css') }}">

Обратите внимание, что asset получает путь относительно каталога public, поэтому вы должны поместить свои веб-ресурсы в public, а не templating.

Если вы используете Symfony 4, вам также следует установить symfony / asset: 

composer require symfony/asset

Подробнее об этом вы можете прочитать здесь: Создание и использование шаблонов, привязка к активам

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...