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>

它按预期显示。 2.0版本中添加了Bootstrap的changelog表示“对输入前置/附加组件中的按钮的支持”。

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

1 个答案: