我正在尝试使用 Twitter Bootstrap 输入附加搜索,但它没有将文本框和搜索按钮对齐。我从 8 月 20 日起抓取了 Twitter 最新最好的 2.1 bootstrap(今天抓取)。所以像“white-space: nowrap;”之类的东西已经设置好了。
有什么想法吗?
代码:
<li class="dropdown">
<a class="dropdown-toggle" id="Search" role="button" data-toggle="dropdown" href="#">Search<b class="caret"></b>
</a>
<ul class="dropdown-menu" role="menu" ara-labelledby="Search">
<form class="form-search">
<div class="input-append">
<input type="text" class="search-query">
<button type="submit" class="btn"><i class="icon-search"></i></button>
</div>
</form>
</ul>
</li>
示例图片:
最佳答案
您缺少正确的文档类型声明。您需要<!DOCTYPE html>
超过<html>
,这就是导致异常的原因。
提示
我还查看了http://collecthw.com/ci ,我强烈建议您使用 http://validator.w3.org/ ,标记中有很多错误。案例<div><form></div></form>
这显然不好。我还可以发现多个 <body>
标签以及多个版本的 jquery。
我还认为标记与 bootstrap 提供的标记完全不同。下拉菜单中的模态标记似乎不是正确的做法。 如果您遵循 bootstrap 提供的标记,如果您愿意的话,还可以扩展这一点,一切都会变得更加容易:)
关于php - Twitter Bootstrap : Input-append Search Box,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12183804/