CakePHP窗體與TwitterBoostrap（控件控件行）

Question

我想在CakePHP中使用TwitterBoostrap並排放置兩個輸入。

這是我的一段代碼

<?php echo $this->Form->create('Ad',array("class"=>"well row-fluid")); ?> 
    <fieldset> 
     <legend><?php echo __('Add Ad'); ?></legend> 
     <?php echo $this->Form->input('user_id',array('class'=>'span3'));?> 
     <div class="controls controls-row"> 
      <?php echo $this->Form->input('state_id', array('empty' => 'Selecione o Estado','class'=>'span2','div'=));?> 
      <?php echo $this->Form->input('city_id', array('empty' => 'Selecione a Cidade','class'=>'span5'));?> 
     </div> 

輸出看起來像：

State 
|----------| City 
      |----------| 

市心不是一致。我該如何解決它？

我該如何解決？

Answer 1

在CakePHP中使用Bootstrap時，我經常發現通過從希望創建的HTML開始工作很有用。如果我沒有理解你的問題，你想產生如下：

<form class="well-row"> 
    <div class="span3"> 
     <label class="control-label">State</label> 
     <select name="state">...</select> 
    </div> 
    <div class="span3"> 
     <label class="control-label">City</label> 
     <select name="state">...</select> 
    </div> 
</form> 

我知道CakePHP的形式助手也圍繞input和label元素與div標籤，這將破壞你的佈局。我通常做以下給我了標記更大的控制權：

<?php echo $this->Form->create('Ad', array('inputDefaults' => array('div' => false)))?> 

總之，請嘗試以下操作：

<?php echo $this->Form->create('Ad', array('inputDefaults' => array('div' => false)))?> 
<div class="span5"> 
    <?php echo $this->Form->input('state_id', array('empty' => 'Selecione o Estado', 'class' => 'span3'));?> 
</div> 
<div class="span5"> 
    <?php echo $this->Form->input('city_id', array('empty' => 'Selecione a Cidade', 'class' => 'span3'));?> 
</div> 

您可能需要增加容器的div的範圍，以適應任何在標籤上填充或選擇元素以阻止它們纏繞。