Html 尝试从Amazon.com实现搜索栏外观 1. 2. 3. 4. 提交

有人能帮我实现这个外观吗？

我完全不知所措，也不明白为什么会这样

---

更新…

使用引导。你可以试试这个。不需要任何css样式

全部的

试试这个

选择{
背景：透明；
边界：无；
填充：6px 12px；
}
钮扣{
填充：6px 12px；
背景：透明；
边界：无；
}
.输入组插件{
填充：0！重要；
}

1.
2.
3.
4.
提交

非常感谢您！这实际上是一个简单的修复lol，我很惊讶。但是我从来没有想过要这么做。谢谢你的回答！我不想使用JS，但我很高兴知道我可以用李的下拉列表。顺便说一句，col-xs-offset-2有什么我没有做到的？

<div class="input-group">
<select class="input-group-addon">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

<input id="email" type="text" class="form-control" name="email" placeholder="Email">

<button class="input-group-addon">Submit</button>
</div>