dimanche 19 avril 2015

How to make input group inline to a list elements in bootstrap?

I want to make input group inline in a list. I wrote the following code :



<div class="container-fluid">
<div class="row">
<ul class="list-inline pull-right">
<li>
<button class="btn btn-info">
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
Cart <span class="badge">0</span>
</button>
</li>
<li>
<div class="input-group">
<input id="address" placeholder="City or Zipcode" class="form-control" type="textbox">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="addressSearch">Search</button>
</span>
</div>
</li>
</ul>
</div>
</div>


I am not getting input group inline. Please help me to solve this.


Aucun commentaire:

Enregistrer un commentaire