Twitter bootstrap 3 bootstrap 3的简单搜索表单

我正在开发一个线性组件，几乎所有组件都已准备就绪：

滤器





走！

现在，我想实现的是，当我在移动中按下按钮时，实际发布“搜索”！按钮我没有在前端的经验，所以我需要你的帮助，这一个，我试图添加，但这打破了引导可怕的外观

---

TL；博士，怎么走！按钮在文本框中张贴文本。

您必须在代码中包含表单元素

<!--Search bar-->
<div class="row" style="margin-top:50px;">
    <div class="col-md-6 col-md-offset-3">
        <form class="navbar-form" method="post" action="{{ url_for('search') }}" role="search">
            <div class="input-group">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        Filter
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                    </ul>
                </span>             
                <input type="text" placeholder="Search..." class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button">Go!</button>
                </span> 
            </div>
        </form>
    </div>
</div>

滤器





走！

请查找您的更新

<!--Search bar-->
<div class="row" style="margin-top:50px;">
    <div class="col-md-6 col-md-offset-3">
        <form class="navbar-form" method="post" action="{{ url_for('search') }}" role="search">
            <div class="input-group">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        Filter
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                    </ul>
                </span>             
                <input type="text" placeholder="Search..." class="form-control">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="button">Go!</button>
                </span> 
            </div>
        </form>
    </div>
</div>