How do we create grouping Input with search Button ?

 Posted by Vivek.Ramapuram on 6/10/2015 | Category: Bootstrap Interview questions | Views: 426 | Points: 40
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 

Comments or Responses

Login to post response