造型重新创建亚马逊过滤器?

时间:2013-05-13 20:15:36

标签: css styles uisearchbar

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

enter image description here

1 个答案:

答案 0 :(得分:0)

这与Bootstrap非常简单。学习它!

jsfiddle:DEMO

<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>