twitter-bootstrap - 将 Bootstrap 模板集成到 cakephp

有很多人询问有关将 twitter bootstrap 与 cakephp 集成的问题。我听了很多教程，但没有任何帮助。我为我的管理面板下载了一个 Bootstrap 模板。但我不知道如何将它与 cakephp 集成。之前用过模板，把css和js复制进去

     app/webroot/css 
     app/webroot/js

它工作正常，但是当我打开这个模板时，里面有很多文件夹

     asset
     bootstrap
     venders,and some html pages

我不知道如何将它集成到 cakephp 中。如果有人知道请给我一步一步的程序，这样它可以帮助所有人.. 谢谢

最佳答案

在 cakephp 中集成 Bootstrap 模板非常容易。

首先将所有的 css 复制到 app/webroot/css/ 中.

第二次复制app/webroot/js/中的所有js .

第三次复制app/webroot/fonts/中的所有字体(如fontawesome) (您必须创建此目录)。

模板中的第四个从<html> 中剪切代码至 </head>并粘贴到文件夹 app/view/elements/ 下的新文件 header.ctp .

第五步在文件夹app/view/layout/中创建文件mylayout.ctp 在里面写入如下代码

<?php
    echo $this->element('header');
    echo $this->fetch('content');
?>

第六个在你的 Controller 中说 UsersController.php 创建一个函数索引。

<?php
    class UsersController extends AppController{
        public function index(){
             $this->layout='mylayout';
        }
    }
?>

在你的header.ctp中的第七个删除所有<link>到 css 而不是写

<?php echo $this->Html->css(array('ccs1','css2','css3'));?>

对所有脚本做同样的事情

<?php echo $this->Html->script(array('script1','script2','script3'));?>

现在，在 app/view/Users/文件夹中创建一个新文件 index.ctp。你不得不创建这个文件夹。

在 index.ctp 中，从 <body> 开始的模板文件中复制所有剩余代码标记为 </html>标签。

最后在浏览器中打开localhost/pathToYourProject/Users/

如果需要，您还可以创建页脚元素。

这是在 cakephp 中集成任何模板的基本示例。

关于twitter-bootstrap - 将 Bootstrap 模板集成到 cakephp，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22432846/