html form - bootstrap textbox going out from span -


i using bootstrap website . facing 1 strange problem textbox coming out span defined .

here code sign when remove span6 line textbox comes inside div .

enter image description here

here fiddle of clean code running in bootstrap... can see issue gone, it's matter of seeing how want modify code reach aspect proper bootstrap usage.

the fiddle

i can see not using bootstrap it's 12 grid column system. maybe need add picture of end view better idea on how you.

you care using input type="textbox" isn't valid. think looking input type="text"

controlling width of text boxes pretty simple using .span# (in # goes span number) can set text inputs span12 , make them full width of parent container.

here code cleaned bit

<div class="row-fluid">   <div class="span12">     <div class="span4">       <input type="text"/>     </div>     <div class="span4">       <input type="text"/>     </div>     <div class="span4">       <button id="signup">sign up</button>     </div>   </div> </div> 

please notice button , collapsing eachother because numbers spans not adding properly. having submit button in span1 small contain button.

ultimately answer based on how want area look, while considering on smaller screen sizes things stack , bit different.

i update answer when update question show effect looking for.


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -