Css CakePHP和引导-日期字段布局

我从bootstrap和cakephp2.x开始。我用烘焙视图，但日期字段布局有问题。景色是这样的

<div class="form-group">
    <?php echo $this->Form->input('booking_date', array('class' => 'form-control', 'placeholder' => 'Booking Date'));?>
</div>

但问题是CakePHP从一个日期字段中创建了三个100%宽度的选择，这会弄乱表单，字段看起来是这样的，而它应该是三个并排选择：

很明显，bootstrap 2有用于较小选择的类，但bootstrap 3不再有了。有没有办法让它看起来像应该的样子？

对于CakePHP中的date类型输入，您无法使用div选项以标准方式按照您喜欢的标记包装每个select元素，但有3个选项可以处理它-介于之间、分隔符和之后。下面是一个将您的选择设置为“内联”的示例

<div class="form-group">
    <?php echo $this->Form->input('booking_date', array(
        'class' => 'form-control',
        'placeholder' => 'Booking Date',
        'div' => array('class' => 'form-inline'),
        'between' => '<div class="form-group">',
        'separator' => '</div><div class="form-group">',
        'after' => '</div>'
    ));?>
</div>

如果您使用引导网格，您可以使用其类将此选项设置为内联，从而获得更好的结果。

对于CakePHP中日期类型的输入，您无法使用div选项以标准方式将每个select元素按标记进行包装，但有3个选项可以处理它-介于之间、分隔符和之后。下面是一个将您的选择设置为“内联”的示例

<div class="form-group">
    <?php echo $this->Form->input('booking_date', array(
        'class' => 'form-control',
        'placeholder' => 'Booking Date',
        'div' => array('class' => 'form-inline'),
        'between' => '<div class="form-group">',
        'separator' => '</div><div class="form-group">',
        'after' => '</div>'
    ));?>
</div>

---

如果您使用引导网格，您可以使用其类将此选项设置为内联，从而获得更好的结果。

对于cakephp3，您必须做一些不同的事情：

<div class="form-group">
    <?php echo $this->Form->input('booking_date', array(
        'class' => 'form-control',
        'placeholder' => 'Booking Date',
        'div' => array('class' => 'form-inline'),
        'between' => '<div class="form-group">',
        'separator' => '</div><div class="form-group">',
        'after' => '</div>'
    ));?>
</div>

echo $this->Form->input('booking_date', ['year' => ['class' => 'form-control'], 'month' => ['class' => 'form-control'], 'day' =>    ['class' => 'form-control'] ]);

---

对于cakephp3，您必须做一些不同的事情：

echo $this->Form->input('booking_date', ['year' => ['class' => 'form-control'], 'month' => ['class' => 'form-control'], 'day' =>    ['class' => 'form-control'] ]);

---

谢谢，这完全符合我的要求，但它将标签和选择放在同一行，这与其他输入不同。我应该编辑您的答案以显示我是如何解决的，还是单独回答我自己的问题？@Kemu79抱歉，我没有注意到，您希望将标签放在单独的行中。这是您的选择，您可以编辑，您可以添加自己的answear；。谢谢，这完全符合我的要求，但它将标签和选择放在同一行，这与其他输入不同。我应该编辑您的答案以显示我是如何解决的，还是单独回答我自己的问题？@Kemu79抱歉，我没有注意到，您希望将标签放在单独的行中。这是您的选择，您可以编辑，您可以添加自己的answear；。如果您是初学者，为什么不使用CakePHP3呢。我强烈建议比2.x更令人愉快。。。如果你是初学者，为什么不使用CakePHP3呢。我强烈建议比2.x更令人愉快。。。它很漂亮