twitter-bootstrap – Twitter Bootstrap中的搜索框

发布时间：2020-12-18 00:21:12 所属栏目：安全来源：网络整理

导读：我有这个搜索框：搜索框的代码是： form method = "post" action="search.php" class = "pull-down navbar-search" div class="input-append" input class="search-query input-medium" name="search_query" type="text" placeholder="Arama Yap" button ty

我有这个搜索框：

搜索框的代码是：

<form method = "post" action="search.php" class = "pull-down  navbar-search">
    <div class="input-append">
        <input class="search-query input-medium"  name="search_query" type="text" placeholder="Arama Yap" >
        <button type = "submit "class="btn btn-large" type="button"><i class="icon-search"></i></button>
    </div>
</form>

我想要搜索框在框和按钮之间没有空格.我该怎么做呢？谢谢.

解决方法

在此链接上向下滚动到“搜索表单”的位;

http://twitter.github.io/bootstrap/base-css.html#forms

这是一个小提琴,显示它工作：http://jsfiddle.net/3PgU2/

<form class="form-search">
    <div class="input-append">
        <input type="text" class="span2 search-query">
        <button type="submit" class="btn">Search</button>
    </div>
    <div class="input-prepend">
        <button type="submit" class="btn">Search</button>
        <input type="text" class="span2 search-query">
    </div>
</form>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!