4

私はウェブサイトを手伝っており、これらのスキルをすべて学んでいます。同様の質問を見ましたが、役立つ解決策が見つかりませんでした。

このスクリーンショットの右上を見ると、検索ボックスとボタンが同じ行にないことがわかります。 http://i.imgur.com/fiurnYs.png

検索ボックスの HTML コードは次のようになります。

    <div class="col-sm-3 col-md-3 pull-right">
    <form class="navbar-form" role="search">
    <div class="input-group">
        <input type="text" class="form-control" placeholder="Search"         name="srch-term" id="srch-term">
        <div class="input-group-btn">
            <button class="btn btn-default" type="submit"><i class="icon-search"> </i></button>
        </div>
        </div>
        </form>
        </div>

CSS コードは次のようになります: https://raw.github.com/immenselyalive/dresswithease/master/bootstrap.css

4

1 に答える 1

5

ドキュメントから提供されたコード ブロックをコードのベースラインとして使用できます。

<div class="input-append">
  <input class="span2" id="appendedInputButton" type="text">
  <button class="btn" type="button">Go!</button>
</div>

http://getbootstrap.com/2.3.2/base-css.html#forms (検索Buttons instead of text)

于 2013-09-14T05:32:04.270 に答える