Question

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

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

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

＆＃13;

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

＆＃13;

由于

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

Bootstrap输入100％宽度不起作用

1 个答案: