html - Bootstrap - input-group-btn wants to float right -
so i'm building navbar on website search bar included, along grouped button. works fine on desktop view, when shrink down mobile view , site produces collapsible menu, search bar stays left, button floats off right. not have issue when remove span input-group-btn class surrounds it.
<form class="navbar-form navbar-left form-inline" role="search"> <div class="row"> <div class="input-group"> <input type="text" class="form-control" style="width: 250px;"/> <span class='input-group-btn'> <button type="button" class="btn btn-default" aria-label="search"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> </button> </span> </div> </div> </form>
picture included http://bit.ly/1g706rc
edit: fixed own issue! had add pull-left
class span
Comments
Post a Comment