2016-06-07 95 views
1

为了让自己对Bootstrap更熟悉一些,我正在构建一个测试项目,但我遇到了输入大小问题。自举输入100%宽度不起作用

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

感谢

+1

你可以在'jsfiddle'中复制这个吗? –

+3

你可以请张贴你的额外的CSS代码。这里是小提琴:https://jsfiddle.net/oumt8u1q,它工作正常。 –

+0

到目前为止,我只是使用标准引导CSS,我还没有做任何修改。我刚刚在jsfiddle上试了一下,它按照我的预期工作,但它不在我的本地项目中。我把它保存在这里https://jsfiddle.net/s3LtLetp/ –

回答

3

我遇到了同样的问题,我用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中。