表格中有3个下拉列表中的引导日期

Question

我有一个问题，我有一个表格，我希望每天/每月/每年有3个下降，但所有下降都放在另一个下面，但我想让它小而水平

知道该怎么做吗？

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

这给了我这个：

但是我想把它缩小并且彼此相邻......

Answer 1

你必须阅读bs3 Docs

  

单个表单控件自动接收一些全局样式。默认情况下，所有带<input>的文字<textarea>，<select>和.form-control元素都设置为width: 100%;。在.form-group中包裹标签和控件以获得最佳间距。

这适用于您的情况：

<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>

Answer 2

你可以使用form-inline ..

<form class="form-inline">
<div class="form-group">
    Date:
    <select class="form-control"><option>One</option></select>
    <select class="form-control"><option>Two</option></select>
    <select class="form-control"><option>Three</option></select>
 </div>
 </form>

http://www.bootply.com/126815