Question

我试图在桌面上查看时调整窗体上控件的宽度，我似乎可以正确使用它。我试过col-xs-12和style="width:100%"; - 两者都没有区别。我可以看到当我检查元素时，控件周围的div似乎是屏幕的整个宽度。

您可以查看此页面的来源以查看问题，我希望更广泛的标题和说明字段：http://allthings.trade/poultry/farmingbooks/newpost

正如您所看到的，页脚很好并且图像选择正常。

我还在下面的示例中将表单向下剪切：

<form action="/poultry/edit" enctype="multipart/form-data" method="post">
    <div class="validation-summary-valid" data-valmsg-summary="true">
        <ul>
            <li style="display:none"></li>
        </ul>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label for="Title">Title</label>
            <input class="form-control" data-val="true" data-val-required="Please enter a title" id="Title" name="Title" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"></span>
        </div>
    </div>
</form>

Answer 1

input字段声明了max-width。

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

调整或删除该规则后，您可以展开输入字段。

Answer 2

看起来你的css中有一个最大宽度阻止输入变宽input,select,textarea{/* max-width:280px */}

用input.some-class{max-width:100%}之类的方式覆盖它，或删除放入最大宽度的原始css。

无法扩展Bootstrap表单控件

2 个答案: