html - 在 Bootstrap 3 中增加位置绝对元素的表单输入宽度

Question

我正在尝试增加 Bootstrap 3 中表单组的输入元素的宽度。根据 this answer我可以通过将 col 属性应用于包含输入元素的 div 来控制宽度。

表单具有绝对位置，我认为这就是阻止它改变宽度的原因。删除绝对位置允许我增加宽度。如何增加元素的宽度？

这是我的代码

<form id="search_bar" class="navbar-form navbar-left">
    <div class="form-group col-md-6" id="dj-search">
        <input type="text" class="form-control typeahead" placeholder="Search favourite DJs" autocomplete="off">
    </div>
</form>

这是一个JSFiddle同样。

Answer 1

将两个 .form-control 类的宽度设置为您想要的值。