2

我正在尝试使用 Twitter Bootstrap 输入附加搜索，但它没有排列文本框和搜索按钮。我从 8 月 20 日（今天获取）开始获取 Twitter 上最新最好的 2.1 引导程序。所以像“空白：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>

示例图片：

示例图像

4

2 回答 2

3

您缺少正确的 doctype 声明。你需要<!DOCTYPE html>over <html>，这就是导致异常的原因。

小费

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

我还认为标记与引导程序提供的完全不同。下拉菜单中的模态标记似乎不是一件合适的事情。如果您遵循bootstrap提供的标记，并在您愿意的情况下对其进行扩展，那么一切对您来说都会变得容易得多:)

于 2012-08-30T00:34:57.923 回答
1

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

于 2012-08-29T19:32:41.660 回答