Question

有人将Bootstrap框架/ css样式的Cake php集成在一起吗？

我希望能够在cakephp视图中使用bootstrap的优点：像btn和面板 bootstrap styling

我使用cakephp 2.10.11 如何添加引导CDN？或下载的引导程序库？放在哪里？如何链接到它？

谢谢：D

Answer 1

如果要使用下载的引导程序库。只需将您的bootstrap.min.css 文件放在/app/webroot/css/文件夹中。

   app/
      webroot/
             css/ <-- here

，然后像下面使用HtmlHelper一样使用它

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

OR

如果要使用CDN，只需在.ctp文件的head标签内添加以下代码

<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

希望这会有所帮助！

Answer 2

下载bootstrap 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>

现在，您可以在代码中访问引导程序类。

cakephp我如何在我的应用程序中包含引导框架CSS样式？

2 个答案: