Bootstrap输入不是全宽，没有圆角

Question

我不能为我的生活弄清楚为什么这些引导形式字段不是全宽并且没有像它们应该的圆角。引导CSS正在加载，我的控制台没有错误，我试图在我的CSS中添加width: 100%;，它在引导CSS之后加载，无济于事。有人可以帮忙吗？

<div class="col-sm-4 col-sm-offset-2">
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Name...">
  </div>
</div>

Answer 1

首先，为什么要使用input-group课程？请在form-group课程上替换它。

.input-group类，在bootstrap中它的属性定义表，.input-group .form-control此属性定义display:table-cell;