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

我试图增加Bootstrap3中表单组的输入元素的宽度。根据，我可以通过将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>

---

这是一个相同的示例。

将两个表单控件类的宽度设置为所需的值。

您可能应该将“left”与“right”一起添加。这样地。左右调整宽度

#search_bar {
  position: absolute;
  right: 40px;
  left:40px;
}

---

设置宽度对你的小提琴@Vector起作用，这很奇怪。如果我在我的项目中尝试相同的事情，它只会将整个div向右移动该宽度，但输入元素的宽度保持不变