html - Bootstrap full width search box -
i try make full width search box. working in tab , mobile not working in desktop or laptop
here code
<div class="row"> <div class="col-md-offset-2 col-sm-offset-2 col-xs-offset-1 col-md-8 col-sm-8 col-xs-10"> <form action="" autocomplete="off" class="navbar-form" method="post" accept-charset="utf-8"> <div class="input-group"> <input name="searchtext" value="" class="form-control" type="text"> <span class="input-group-btn"> <button class="btn btn-default" type="submit" id="addresssearch"> <span class="icon-search"></span> </button> </span> </div> </form> </div> </div>
remove nav-bar class , add form-horizontal
<form action="" autocomplete="off" class="form-horizontal" method="post" accept-charset="utf-8"> <div class="input-group"> <input name="searchtext" value="" class="form-control" type="text"> <span class="input-group-btn"> <button class="btn btn-default" type="submit" id="addresssearch"> <span class="icon-search"></span> </button> </span> </div> </form>
Comments
Post a Comment