Question

如何将引导按钮和输入组跨越整个列的宽度？

<div class="container">
<div class="row">
<div class="col-sm-3">Ipsum Lorem!</div>
<div class="col-sm-9">

<form class="form-inline">
<div class="input-group-btn">
    <select class="form-control">
        <option>option one</option>
        <option>option two</option>
        <option>option three</option>
        <option>option four</option>
        <option>option five</option>
    </select>
    <button type="submit" class="btn btn-info" >Add Option</button>
</div>
</form>

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

此示例只是将select控件折叠为输入选项的最长长度。

BootPly here.

Answer 1

我不确定这是否适用于您，但我使用的是Visual Studio 2015并遇到了与Bootstrap相同的问题。我认为VS的早期版本可能有同样的问题。这很奇怪，但ASP.Net Web应用程序模板附带的 site.css 文件具有限制输入元素宽度的这些行。解决方案只是评论这一部分。希望这有助于某人。

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

如何获取引导按钮和输入组以跨越列的整个宽度？

1 个答案: