css - 重新创建亚马逊过滤器的样式？

Question

我想要一个类似的应用程序搜索过滤器。我有一个带有输入框和转到按钮的下拉列表？任何人都可以为它重新创建css吗？

Answer 1

使用Bootstrap非常简单。学习吧！

jsfiddle：演示

<div class="input-group">
    <div class="input-group-btn">
        <button type="button" class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
            </ul>
        </div>
        <input type="text" class="form-control"/>
        <span class="input-group-btn">
            <button class="btn btn-inverse" type="button">Go!</button>
        </span>
    </div>
</div>