Css 引导表单控件类的用途是什么？

对于如何使用Bootstrap提供的

表单控件

类，我的大脑很难理解这个策略

一方面，我在Bootstrap文档中有一个相当平淡的评论：

文本表单控件（如输入、选择和文本区域）使用.form控件类进行样式设置。包括常规外观、焦点状态、大小等样式

参考：

而另一方面，我在代码中有更详细的说明：

.form-control {
  display: block;
  width: 100%;
  height: $input-height;
  padding: $input-padding-y $input-padding-x;
  // ... 40-some lines elided ...
}

参考：

---

我的问题是：如何使用

表单控件修改现有代码或编写新代码，将该类添加到文本输入元素（input、select、textarea），例如
这是Bootstrap强制表单元素外观相同的方法

CSS之所以如此之长，是因为它们考虑了浏览器本机呈现这些元素的方式的所有差异。
引导表单控件类用于使元素适合它的容器

<div>
<input type='text' class='form-control'>
</div>



div{
width: 400px; 
background: gray;
}


div{
宽度：400px；
背景：灰色；
}
再次定义
.form控件类。它将覆盖引导的现有
.form控件
中的属性



.表格管制{
边界半径：未设置；
}
您不应该直接修改引导类，您应该创建自己的自定义类来覆盖所需的样式。谢谢，这是非常有见地和有用的。还有什么我应该注意的提示或问题吗？@purplejacker可能是，但我不是一个很重的引导用户：-）需要记住的最大一点是，所有浏览器显示的内容都略有不同，因此在任何类似库的大约50%的范围内，都会创建一个基线。