html - 在表单的 3 个下拉列表中使用 Bootstrap 日期

Question

我有一个问题，我有一个表格，我想在其中为日/月/年设置 3 个下拉菜单，但所有的下拉菜单都放在一个大的下面，但我希望它小而水平.

知道怎么做吗？

 <div class="form-group">
    Date:
        <Select ... />
        <Select ... />
        <Select ... />
 </div>

这给了我这个:

但我想让它更小并且彼此相邻......

Answer 1

你必须阅读 bs3 Docs

Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.

这适用于您的情况:

<div class="form-group">
Date:
    <div class="col-xs-4"><select /></div>
    <div class="col-xs-4"><select /></div>
    <div class="col-xs-4"><select /></div>
 </div>