5
以内联形式引导全角文本输入
我正在努力创建一个适合我的容器区域整个宽度的文本框。 <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> 当我执行上述操作时，正如我期望的那样，这两个表单元素都是内联的，但充其量最多不会占用几列。将鼠标悬停col-md-12在firebug中的div上会显示它占用了预期的全宽。只是文本输入似乎无法填充。我什至尝试添加行内宽度值，但没有任何改变。我知道这应该很简单，只是现在感觉真傻。 这是一个小提琴：http : //jsfiddle.net/52VtD/4119/embedded/result/ 编辑： 选择的答案在各个方面都是彻底的，并且是一个很好的帮助。这就是我最终使用的。但是，我认为最初的问题实际上是Visual Studio 2013中默认MVC5模板的问题。它在Site.css中包含此问题： input, select, textarea { max-width: 280px; } 显然，这阻止了文本输入的适当扩展。向未来的ASP.NET模板用户发出警告。