CakePHP：仅将bootstrap.css应用于某些视图的内容，而不应用于布局

Question

我正在与一位设计师一起开发一个网站，他已经使用HTML / CSS对整个静态网页进行了编码。

我们需要一个管理后端和一个Auth组件，因此我认为一个简单的CakePHP应用程序可以很好地工作，而不是一起使用自定义的PHP / MySQL解决方案。 我将他的所有静态页面都转换为CakePHP语法，并使用PagesController创建了简单的视图。 我使用Bootstrap 3.0为管理员后端创建了完全独立的布局。

在一些前端页面上，例如我们的“注册”和“登录页面”，我想利用Bootstrap 3.0的漂亮CSS和Javascript组件（尤其是其干净的表单样式）。

但是，当我在布局的<head>中包含Bootstrap时，它与设计者创建的CSS类冲突，从而完全弄乱了页面的布局。

基本上，我在想，如果有我可以申请一个CSS样式表只有一个视图（即signup.ctp）的内容的方式，而不是它的布局（default.thtml中）？ 这将节省很多时间和头痛。

Answer 1

在您的视图文件（即signup.ctp仅使用Html帮助程序包含CSS，如下所示

echo $this->Html->css('your_css_file', null, array(
    'inline' => false
));

并确保在布局文件中有$this->fetch('css') 。 因此，它将在定义$this->fetch('css')的部分中包含上述CSS。

例如：

<head>
    <?php $this->fetch('css') ?>
</head>

将在您在视图中定义的head部分中包含CSS

Answer 2

您可以做的是将您的内容包含在具有特定ID的div中，例如<div id="bootstrap"></div> ，然后将所有的CSS选择器放在#bootstrap引导程序中。

Answer 3

仅使用HTML帮助器将Bootstrap 3 CSS包含在所需的视图文件中：

$ this-> Html-> css（）;

文档页面： http : //book.cakephp.org/2.0/en/core-libraries/helpers/html.html#HtmlHelper :: css

CakePHP：仅将bootstrap.css应用于某些视图的内容，而不应用于布局

问题描述

3 个解决方案

解决方案1
1 2013-12-05 03:39:03

解决方案2
0 2013-12-05 01:15:22

解决方案3
0 2013-12-05 06:23:03

CakePHP：仅将bootstrap.css应用于某些视图的内容，而不应用于布局

问题描述

3 个解决方案

解决方案1 1 2013-12-05 03:39:03

解决方案2 0 2013-12-05 01:15:22

解决方案3 0 2013-12-05 06:23:03

解决方案1
1 2013-12-05 03:39:03

解决方案2
0 2013-12-05 01:15:22

解决方案3
0 2013-12-05 06:23:03