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> 

when see responsive view working on mobile , tab view enter image description here

but not working in desktop view enter image description here

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

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -