嵌套內聯形式的CakePHP和Twitter Bootstrap水平表格

Question

我對CakePHP2.x使用TwitterBootstrap Plugin。而且我無法使用嵌套內聯表單的水平表單組合工作。我的代碼

部分：

<?php 
    echo $this->Form->create('Event', array('class' => 'form-horizontal')); 
    echo $this->Form->input('Event.short_name',array(
     'label' => 'Short name', 
     'type' => 'text', 
     'class' => 'span5' 
    )); 
?> 
<div class="control-group"> 
    <div class="control-label">Date & Time</div> 
    <div class="controls form-inline"> 
     <div class=" input-append"> 
      <?php 
       echo $this->Form->input('Event.start_date', array(
        'label' => false, 
        'type' => 'text', 
        'class' => 'span2 start_date', 
        'after' => '<span class="add-on datetime"><span class="icon-calendar"></span></span>' 
       )); 

       echo $this->Form->input('Event.end_date', array(
        'label' => false, 
        'type' => 'text', 
        'class' => 'span2 end_date', 
        'after' => '<span class="add-on"><span class="icon-calendar"></span></span>' 
       )); 
      ?> 
     </div> 
    </div> 
</div> 

在上面的例子出現這種情況：

和生成的HTML

<div class="control-group"> 
    <div class="control-label">Date & Time</div> 
    <div class="controls form-inline"> 
     <div class=" input-append"> 
      <div class="control-group"> 
       <div class="controls"> 
        <input name="data[Event][start_date]" class="span2 start_date" type="text" value="2013-06-15" id="EventStartDate" required="required"><span class="add-on"><span class="icon-calendar"></span></span> 
       </div> 
      </div> 
      <div class="control-group"> 
       <div class="controls"> 
        <input name="data[Event][end_date]" class="span2 end_date" type="text" value="2013-06-22" id="EventEndDate" required="required"><span class="add-on"><span class="icon-calendar"></span></span> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

當我添加 'DIV' - >假以兩個日期格式字段他們內嵌，但填充等已消失。

和生成的HTML

<div class="control-group"> 
    <div class="control-label">Date & Time</div> 
    <div class="controls form-inline"> 
     <div class=" input-append"> 
      <input name="data[Event][start_date]" class="span2 start_date" type="text" value="2013-06-15" id="EventStartDate" required="required"><span class="add-on"><span class="icon-calendar"></span></span> 
      <input name="data[Event][end_date]" class="span2 end_date" type="text" value="2013-06-22" id="EventEndDate" required="required"><span class="add-on"><span class="icon-calendar"></span></span> 
     </div> 
    </div> 
</div> 

我認爲這是由於這樣的事實，所有的表單字段都放在控制的div ...有誰知道如何解決這個問題？

我也發佈了這個作爲GitHub page的問題，因爲我認爲它與插件有關，但我希望有人知道臨時工作環境。

Answer 1

也許這可行。我用它之前，它看起來像這樣：

<?php echo $this->Form->create('Event', array(
'class' => 'form-horizontal', 
'inputDefaults' => array(
    'format' => array('before', 'label', 'between', 'input', 'error', 'after'), 
    'div' => array('class' => 'control-group'), 
    'label' => array('class' => 'control-label'), 
    'between' => '<div class="controls">', 
    'after' => '</div>', 
    'error' => array('attributes' => array(
      'wrap' => 'span', 'class' => 'help-inline' 
    )), 
)));?> 
<fieldset> 
    <?php echo $this->Form->input('Event.start_date', array(
     'label' => array('class' => 'control-label', 
      'text' => 'start date'), 
    ));?> 
</fieldset> 
<?php echo $this->Form->end();?> 

Answer 2

的問題可能是結核病和有關float和明確的蛋糕之間的衝突，因爲cake.generic.css套形式DIV明確：這兩者移動下面的元素而不是旁邊的元素。

試試這個：

div.form-inline div{ 
    clear: none; 
}