2014-06-10 35 views
2

我已經使用BoostCake設置了使用Bootstrap 3的CakePHP安裝。CakePHP和Bootstrap表單集成

現在,我想將創建一個類似例子在下面的引導標誌一個觀點: http://getbootstrap.com/examples/signin/

如何整合在CakePHP中使用表單助手自舉佈局?

例如:在常規的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'); ?> 


如何在使用formhelper的同時使用登錄示例中的文本框visual將其轉換?

在此先感謝。

+0

你還在包含舊的CSS文件嗎?我想說這可能與此有關。 – SharkofMirkwood

+0

插件不會修改佈局HTML。你需要編輯'default.ctp'和你的視圖文件來使用Cake的網格系統。 – Ross

+0

我意識到我的問題更多的是關於如何實際使用bootstrap,而不是如何設置它。感謝您的反饋,我編輯了我的問題來反映這一點。 –

回答

2

您可以將這些類放入選項數組中。例如,您的提交方法可以改變爲:

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

input方法還允許選擇陣列登錄文本字段。