CakePHP 和 Bootstrap 表单集成答案

【问题标题】：CakePHP and Bootstrap form integrationCakePHP 和 Bootstrap 表单集成
【发布时间】：2014-06-10 12:54:38
【问题描述】：

我已经使用 BoostCake 设置了带有 Bootstrap 3 的 CakePHP 安装。

现在，我想要创建一个类似于以下 Bootstrap 登录示例的视图： http://getbootstrap.com/examples/signin/

如何在 CakePHP 中使用 Formhelper 集成这个引导布局？

例如：在常规 CakePHP 中，我会执行以下操作来创建登录按钮：

<?php echo $this->Form->end('Login', array('type' => 'submit')) ?>

但是，这不会产生漂亮的蓝色登录按钮，所以我可以这样做：

<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
<?php echo $this->Form->end() ?>

所以如果我有一个登录文本字段：

<?php echo $this->Form->input('User.username'); ?>

如何在仍然使用表单助手的同时将其转换为使用登录示例中的文本框视觉对象？

提前致谢。

【问题讨论】：

您是否还包含旧的 CSS 文件？我会说这可能与此有关。
插件不修改布局 HTML。您需要编辑default.ctp 和您的视图文件才能使用蛋糕的网格系统。
我意识到我的问题更多是关于如何实际使用引导程序而不是设置它。感谢您的反馈，我已经编辑了我的问题以反映这一点。

标签： php css twitter-bootstrap cakephp

【解决方案1】：

您可以将类放在选项数组中。例如，您的提交方法可以更改为：

<?php
   echo $this->Form->submit('Sign In',array(
                              'class' => 'btn btn-lg btn-primary btn-block',
                              'div' => false));
?>

input 方法还允许为您的登录文本字段提供选项数组。

【讨论】：