Question

我想在页面的顶行，右侧放置一个带有按钮的搜索表单。根据各个海报的建议，我做到了这一点：

            <div class="row">
                <a class="navbar-brand " href="#">Brand</a>     
                <div class="input-group pull-right">
                    <form class="navbar-form" role="search">
                            <input type="text" class="form-control" placeholder="Search">
                        <span class="input-group-btn">
                        <button type="submit" class="btn btn-default">OK</button>
                        </span>
                    </form>
                </div>
            </div>

这很好 - 直到我按下768px断点，当按钮低于输入字段时。而且我不明白为什么要这样做或者我错了。

Answer 1

我发现了一个可以帮助您的主题：的 Fixed search bar with Bootstrap 3.0 的

但我向您提出建议，您可以通过此链接结帐：http://jsfiddle.net/kdvd4x7t/

<body> <div class="container-fluid"> <div class="row"> <a class="navbar-brand" href="#">Brand</a> <div class="col-md-2 pull-right"> <form class="navbar-form" role="search"> <div class="input-group"> <input type="search" class="form-control" placeholder="Search" name="search" /> <span class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </span> </div> </form> </div> </div> </div> </body>

Bootstrap：如何将输入表单和按钮保持在768px断点以下？

1 个答案: