Bootstrap输入100%宽度不起作用

Question

我正在构建一个测试项目,只是为了让自己对Bootstrap更加熟悉,但是我遇到了输入大小的问题.

我在div标签内放置了一个简单的文本输入对象,该对象的宽度自动设置为100%宽度.但是,div已被设置为显示半屏宽度或全屏宽度(取决于浏览器大小),但无论文本框的宽度是多少都不会超过280px.它会比这更小,但从不宽.

我已经检查过并且可以确认此框的父对象是正确的宽度,但由于某种原因,该框拒绝填充它.有谁知道为什么会发生这种情况？我正在使用的代码如下:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">
  <div class="col-xs-12 col-md-6">
    <div class="form-group">
      <label for="txt_Address1">Address 1</label>
      <input type="text" class="form-control" id="txt_Address1" />
    </div>
  </div>
</div>

谢谢

Answer 1

我遇到了同样的问题,我使用IE的开发者工具,而site.css有这个:

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
     max-width: 280px;
 }

一旦删除它就100%.对我来说,Visual Studio创建网站项目并默认将其放在Site.css中.