Html 具有固定宽度的引导选择元素不内联显示

我有以下列表（其中…代表更多）：

结束时间
2011
2012
2013
...
一月
二月
前进
... 
1.
2.
3.
4.
5.
6.
7.
8.
9
10
...
— 
00
01
02
03
04
05
06
07
08
09
10
...
: 
00
01
02
03
04
05
06
07
08
09
10
...

我想要表单控件css声明提供的漂亮样式，但问题是它似乎将select元素显示为块而不是内联，因为结果如下所示：

select元素应该彼此相邻，但即使我指定了非常小的宽度，它们也不是，只是为了证明我的观点：

---

在引导中内联显示表单控件声明的正确方法是什么，这样我的select元素就可以很好地挨在一起了？

简单的修复方法：您可以覆盖

。表单控件
类以使用
显示：内联

.form-control { display: inline; }


我要补充的是，这将覆盖项目中的所有
.form控件
类，因此，您可能需要为要内联的元素指定另一个类，并为该类指定属性
display:inline
——您可能需要添加
！重要信息
在这种情况下覆盖引导，例如

.new__class { display: inline !important; }

但是要避免使用
！重要信息
如果可以
。表单控件{display:inline；}
可以
我正在考虑将此声明添加到我的sass文件中：。表单控件inline{@extend.form control；display:inline；}
.new__class { display: inline !important; }