为什么我的输入类不会改变宽度？

Question

如果有这样的输入

<input type="text" class="long_form_fields" id="pickup_address" name="pickup_address" placeholder="Address" autocomplete="off">

我的Bootstrap CSS文件的底部是这个

#pickup_address.long_form_fields {
  width: 420px
}

也试过这些

.long_form_fields {
  width: 420px
}

input.long_form_fields {
  width: 420px
}

什么都不会改变输入字段宽度。我查看了Chrome开发人员工具和我的long_form_fields的CSS类样式，但它从未出现过？

=======更新========

在Chrome开发者工具中，如果我点击 + 按钮并添加它，那就可以了。

input#pickup_address {
  width: 420px;
}

Answer 1

排序发现问题。在这个项目中似乎有3个boostrap CSS文件。

自举-editable.css 自举，responsive.min.css boostrap.min.css

我将上面的代码放入其中并且现在可以使用了。不确定为什么有3个css文件或者应该编辑哪个文件。