0

ブートストラップを使用して検索バーhttp://imgur.com/vUhXh内にボタンを追加しようとしていますが、機能していないようです。educomer.herokuapp.comに表示されています。使用しているコードは

        %form.form-search
        .input-append
            %input.span3.search-query{:placeholder => "Search Food", :type => "text"}
            %button.btn{:type => "submit"}
                %span.icon-search

コードに問題があるかどうかを確認するために、まったく新しいアプリを作成しようとしましたが、それは問題ではありませんでした

4

1 に答える 1

0

どのバージョンのBootstrapを使用していますか？Herokuサイトに以下を追加しました：

<div class="input-prepend">
  <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username">
</div>
<div class="input-append">
  <input class="span2" id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
</div>

そして期待通りに表示されました。ブートストラップの変更履歴は、 「入力プリペンド/追記コンポーネントのボタンのためのサポートは、」バージョン2.0.2で追加されましたと言います。

于 2012-10-16T04:00:10.510 に答える