Css 带有引导类的HTML输入字段：当我添加某些属性时宽度会改变

我在同一行上有两个输入，我希望两个输入字段都能按宽度填充父容器（分别为“col-sm-10”和“col-sm-2”）。如果我就这样说：

<div class="col-sm-10">
    <label for="inputA">Cliente:</label>                
    <input class="form-control" id="inputA" />
</div>
<div class="col-sm-2">
    <label for="inputB">NIF:</label>
    <input class="form-control" id="inputB" />
</div>

客户：
NIF：

但是，如果我向输入添加某些属性（例如type=“text”或runat=“server”（我需要它以编程方式处理输入））

客户：
NIF：

最令人惊奇的是，如果我将type=“text”更改为type=“number”，它就可以工作了。请看图片，因为我最多只能发布两个链接：I.stack.imgur.com/aN3us.png

---

我尝试将该控件与CssClass=“form control”一起使用，同样的情况也发生了。

检查您是否有任何自定义宽度的输入[type=“text”]形式的css样式

在这里，您有一个完整的代码，它可以完美地运行。 我认为您可能有另一个css样式正在覆盖您的样式

您应该检查

输入[type='text']

。我建议您打开浏览器开发工具，选择您的输入类型，并在右侧显示应用于该元素的所有样式。 您应该检查宽度，它还告诉您该样式的文件来源和行

您也可以自己添加全宽

.col-sm-10 #inputA{
    width:100%;
}

---

谢谢创建asp.net web表单项目时，会有一个Site.css文件，其中固定了几种输入类型，最大宽度为280px。我不知道他们为什么这么做，因为默认项目也有引导主题。我刚刚评论了冲突的部分，它现在工作得很好。如果你不介意回答这个问题，也谢谢你：哪一个更好？使用默认的html输入还是控件？谢谢你的时间。我不是很擅长asp，所以我不想给你任何错误的答案。也许你可以在堆栈中检查这个问题，或者如果你找不到任何关于这个问题的信息，你可以创建一个。投票支持我：D

.col-sm-10 #inputA{
    width:100%;
}