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
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
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>
Comments
Post a Comment