How to make multiple segmented inputs in a single input group in Bootstrap
- by metaculus
This is how it is supposed to look like on Airbnb home page http://airbnb.com
I have tried .input-group-addon and nest in it another <input> like so:
<div class="col-lg-6">
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-addon">
<input type="text" id="nested-input" class="form-control">
</span>
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
</div>
</div>
And it didn't work. Does Bootstrap support this styling?
