Html Twitter引导中选择框的大小

我正在使用Twitter引导。选择框总是比输入框窄

我怎样才能使它们具有相同的宽度？添加填充物有帮助，但看起来很难看

编辑

下面是一个小例子-
应用自定义类的相同示例-

我可以使用像

span3

、

span4

等类，但我希望我的输入填充所有可用空间（并且大小相同），因此我使用自定义类。

<input type="text" value="" name=""><br>
<select>
 <option>Some options which is very very long... </option>
</select>

有些选项非常长。。。

---

结果是框的确切大小。

您似乎正在使用较旧版本的引导（当前版本为2.2.1）。新版本中的选择框和输入框在未应用任何类以及使用span*方法调整大小时大小相同

如果需要设置自定义大小，则必须分别使用2个不同的自定义类或目标选择框和输入框。输入框需要比选择框小14像素（文本区域也是如此）

看

//代码示例，因为它是必需的




基础知识
XYZ

这项工作：

<select style="width: 200px">...</select>

。。。

放置控件

在div内，并在div上应用class=“col-sm-2”

---

您可以根据需要更改col-sm-2 col-sm-3，只需在为我工作的

表单控件

旁边添加

输入sm

类即可

<select class="form-control input-sm" id="xxx" ... >

这对我很有效- 转到bootstrap.css文件并注释掉以下内容--

---

请尝试class=“span3”以获得这两个选项。但是在这种情况下，如何手动设置宽度？这会导致不同的框大小。您需要将宽度更改为正确的宽度。尼勒姆刚刚发布了一个例子。将120px更改为与您想要的大小匹配的大小可以发布用于获取上面图像的HTML吗？我以前见过这种情况，当标记不是Twitter上的人所期望的那样时……内联样式是不好的做法；相反，框需要放在一致的容器中，或者它们的样式类需要协调。

<select class="form-control input-sm" id="xxx" ... >

select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px); }