How do we create grouping Input with search Button ?

Posted by Vivek.Ramapuram on 6/10/2015 | Category: Bootstrap Interview questions | Views: 2161 | Points: 40

Post |

Interview FAQs |

Exclusive Questions |

Interview Home

Answer:

Using Bootstrap, we can easily create a beautiful Search box with Button grouped to it
Example :

<form>

         <div class="row">

             <div class="col-xs-7">

                 <div class="input-group">

                     <input type="text" class="form-control" placeholder="Enter keyword to Search"> 

                    <span class="input-group-btn">

                         <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Find</button>

                     </span>

                 </div>

             </div>

         </div>

 </form>

we have used Grouping classes of Bootstrap
Run the code in browser .

Asked In: While Learning | Alert Moderator