html - Textbox and Button Levels in mobile view -


i create big textbox 2 buttons below (for mobile view only). got psd file graphic designer, , design works desktop , tablet, problem mobile view. here few lines of code

    <div  style="text-align:center" class="container">     <h2 >books search!</h2>     <div  class="row" >     <input type="text"class=" col-xs-11 col-mid-8 " ></input>     <input type="button" class=" col-xs-3 col-md-3 btn-primary" text="search book"/>     <input type="button" class="col-xs-3 col-md-3 btn-success" value="advance search"></input>     </div>     </div> 

this give following screen shot on mobile

enter image description here

and want following view when user opens website in his/her mobile, read bootstrap document, tried different ways "as mentioned in examples" none works display following design can tell me please, error? thanks

enter image description here

try changing column classes to:

<div class="row">     <input type="text" class=" col-xs-12 col-sm-6 "></input>     <input type="button" class=" col-xs-6 col-sm-3 btn-primary" value="search book" />     <input type="button" class="col-xs-6 col-sm-3 btn-success" value="advance search"></input> </div> 

fiddle


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -