Question

我正在尝试使用Twitter Bootstrap输入追加搜索，但它没有排列文本框和搜索按钮。从8月20日开始，我抓住了Twitters最新最好的2.1自举（今天抓到）。所以像“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>

示例图片：

Sample Image

Answer 1

您缺少正确的doctype声明。您需要<!DOCTYPE html>超过<html>，这是造成异常的原因。

提示

我也看过http://collecthw.com/ci，我强烈建议你使用http://validator.w3.org/，标记中有很多错误。 <div><form></div></form>的案例显然不是很好。我还可以发现多个<body>标签以及多个版本的jquery。

我还认为标记与bootstrap提供的完全不同。下拉列表中的模态标记似乎不是一件合适的事情。如果您按照bootstrap提供的标记进行操作，并根据需要进行扩展，那么一切都将变得更加容易:)

Answer 2

将此添加到按钮css：margin-top: 0;

Twitter Bootstrap：输入附加搜索框

2 个答案:

提示