bootstrap inline-append 在搜索表单上不起作用

Question

我正在尝试使用引导程序将按钮附加到搜索栏内，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

我尝试创建一个全新的应用程序只是为了查看我的代码是否存在问题，但这不是问题

Answer 1

您使用的是哪个版本的 Bootstrap？我在your Heroku site 中添加了以下内容：

<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>

它按预期显示。 Bootstrap 的 changelog 说“支持 input-prepend/append 组件中的按钮”是在 2.0.2 版中添加的。