2

Twitter Bootstrap input-append searchを使用しようとしていますが、テキストボックスと検索ボタンが並んでいません。私は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>以上が必要です<html>、それが異常の原因です。

ヒント

http://collecthw.com/ciも確認しました。http： //validator.w3.org/を使用することを強くお勧めします。マークアップには多くのエラーがあります。<div><form></div></form>明らかに良くないケース。<body>また、jqueryの複数のバージョンとともに複数のタグを見つけることもできます。

また、マークアップはブートストラップが提供するものとはまったく異なると思います。ドロップダウンのモーダルマークアップは適切なことではないようです。ブートストラップによって提供されるマークアップに従い、必要に応じてそれを拡張すると、すべてが非常に簡単になります:)

于 2012-08-30T00:34:57.923 に答える
1

これをボタンcssに追加します。margin-top: 0;

于 2012-08-29T19:32:41.660 に答える