引导输入 100% 宽度不起作用答案

【问题标题】：Bootstrap input 100% width not working引导输入 100% 宽度不起作用
【发布时间】：2016-10-07 11:38:23
【问题描述】：

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

我在 div 标签内放置了一个简单的文本输入对象，该对象的宽度自动设置为 100% 宽度。但是，div 已设置为显示为半屏或全屏宽度（取决于浏览器大小），但无论如何文本框的宽度都不会超过 280 像素。它会很高兴地变小，但永远不会变宽。

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

<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>

谢谢

【问题讨论】：

你能在jsfiddle复制这个吗？
能否请您发布您的额外css代码。这是小提琴：jsfiddle.net/oumt8u1q，它工作正常。
到目前为止，我只是使用标准的引导 css，我还没有对其进行任何修改。我刚刚在 jsfiddle 上尝试过它，它按我的预期工作，但它不在我的本地项目中。我已经把它保存在这里了jsfiddle.net/s3LtLetp
没关系，我刚刚找到了另一个将所有输入对象的最大宽度设置为 280 像素的 css 文件。这是我创建项目时预先包含的。所以我刚刚删除了它，它现在工作正常。

标签： html css twitter-bootstrap

【解决方案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 中。

【讨论】：

你拯救了这一天！我正在为此拔头发。