搜索表单没有占用屏幕引导 css 的整个宽度答案

【问题标题】：search form is not taking the entire width of the screen bootstrap css搜索表单没有占用屏幕引导 css 的整个宽度
【发布时间】：2017-02-19 05:56:01
【问题描述】：

我有一个带有输入和按钮的搜索功能表单标签。如果我将表单放在纯 html 上，输入类型和按钮跨越 div 的宽度，但如果我将它嵌入到我正在使用的 div 中，它会向左收缩。这是sn-p

<div class="col-sm-10" style="min-height:280px">

             <div style="margin-bottom:18px; clear:both;" class="row">

                            <div class="col-lg-7"  >
                          <form class="form-inline" role="form" method="post"
                          action="/grantaccess">
                        <div class="input-group">
                            <input name="searchName" type="email" class="form-control search-form" placeholder="Search">
                           <span class="input-group-btn">
                           <button type="submit" class="btn search-btn"><i class="fa fa-search"></i>
                            </button>
                            </span>

                        </div>
                        </form></div>

                        </div>

            <div class="panel panel-default">
            <div class="panel-body"> 


                                          <div class="panel panel-default">
                                                <div class="panel-heading">
                                                    RETRIEVED DETAILS
                                                </div>
                          <div class="panel-body">
                              <div class="container">

请问如何使表单跨越 div 的宽度

【问题讨论】：

输入很宽，就像 div 一样。所以，你想让它全角，使用类 .col-lg-12 （例如，引导程序默认）。如果不是你想做的，请加个fiddle让我们更好地理解。
没用.....
那么请加个小提琴。

标签： html css twitter-bootstrap

【解决方案1】：

如果您将 Visual Studio 用于您的 IDE，请检查您的 site.css 并查看您是否具有以下 css：

input,
select,
textarea {
    max-width: 280px;
}

我相信这是默认添加到新的 MVC Web 项目的。将其注释掉，您的输入字段将变为 100% 宽度。

【讨论】：