CakePHP, как я могу включить CSS-стиль начальной загрузки в мое приложение? - PullRequest
0 голосов
/ 23 октября 2018

У кого-нибудь есть встроенный торт php с фреймворком начальной загрузки / стилем CSS?

Я хочу иметь возможность использовать преимущества начальной загрузки в представлениях CakePHP: например, btn's и панелей стиль начальной загрузки

Я использую cakephp 2.10.11 Как добавить загрузочный CDN?или загруженная библиотека начальной загрузки?где это поставить?как на него ссылку?

Спасибо: D

Ответы [ 2 ]

0 голосов
/ 23 октября 2018

Если вы хотите использовать загруженную библиотеку начальной загрузки.Просто поместите файл bootstrap.min.css в папку /app/webroot/css/.

   app/
      webroot/
             css/ <-- here

и используйте его, как показано ниже, используя HtmlHelper

<?php echo $this->Html->css("bootstrap.min.css"); ?>

ИЛИ

Если вы хотите использовать cdn, просто добавьте приведенный ниже код внутри тега head файла .ctp

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Cakephp 2.x -> HtmlHelper

Hopeэто поможет!

0 голосов
/ 23 октября 2018

Загрузите файлы начальной загрузки css и js и поместите их в webroot / css или webroot / js соответственно.

Затем в app/View/Elements/header.ctp добавьте файл

<link rel="stylesheet" href="<?php echo Router::url('/css/bootstrap.min.css', true); ?>">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

И в app/View/Elements/footer.ctp добавьте

<script type="text/javascript" src="<?php echo Router::url('/js/bootstrap.min.js', true); ?>"></script>

Теперь вы можете получить доступ к классам начальной загрузки в вашем коде.

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