Home/ Questions/Q 8683425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T22:02:35+00:00

I am trying to use bootstrap to append the button inside of the search

  • 0

I am trying to use bootstrap to append the button inside of the search bar, https://i.stack.imgur.com/Lsuor.jpg but it doesn’t seem like it’s working. It is being displayed on educomer.herokuapp.com, my code that I am using is

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

I have tried creating an entirely fresh app just to see if there was a problem with my code, but that wasn’t the issue

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What version of Bootstrap are you using? I added the following to 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>

    And it displayed as expected. Bootstrap’s changelog says “support for buttons in input-prepend/append component” was added in version 2.0.2.

    • 0