Forum

Thread tagged as: Problem

Bootstrap Search

Hello,

I am looking to convert Bootstrap html to use with the Perch search form

 <div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
      </span>
    </div>

The code I have tried does not work for me, if you could help that would be great! My converted code below:

<perch:form id="search" method="get">

        <div class="input-group">
       <perch:input type="search" class="form-control" placeholder="Search for..." />
      <span class="input-group-btn">
        <button class="btn btn-default" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
      </span>
    </div>

        <perch:input type="cms" />
Gary Thompson

Gary Thompson 0 points

  • 4 years ago
Rachel Andrew

Rachel Andrew 394 points
Perch Support

4 years ago

When you say "does not work" what happens?
Gary Thompson

Gary Thompson 0 points

4 years ago

When I use the default search html provide by Perch search works and gives results, unfortunately when I change the html to bootstrap (as above) nothing loads or happens.

Could it be the Button i am using that is wrong?
Drew McLellan

Drew McLellan 2638 points
Perch Support

4 years ago

You have no closing perch:form tag.