html5 - How to do responsive design in bootstrap 2.3.2 -

I have to use Bootstrap v 2.3 instead of v3. But there is an allocation problem. Link to Bela -

Here I want to allocate 4 text boxes (each different size) in one line. I tried to use different values ​​of Span, but it works for my desktop, but not working for mobile and large devices vertical alignment of text boxes in the mobile device vertically). Where am I going wrong ?

  & lt; Div class = "container main-container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span8" & gt; & Lt; Form role = "form" & gt; & Lt; Div id = "placeholder 1" & gt; & Lt; Div id = "template" & gt; & Lt; Div class = "fieldset borders" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span1" & gt; & Lt; Label class = "label-style" & gt; Mini & lt; / Label & gt; & Lt; Input type = "text" class = "label-square" value = "mini-size requirement" & gt; & Lt; / Div & gt; & Lt; Div class = "span1" & gt; & Lt; Label class = "label-style" & gt; Small & lt; / Label & gt; & Lt; Input type = "text" class = "label-text" placeholder = "require small size" & gt; & Lt; / Div & gt; & Lt; Div class = "span1" & gt; & Lt; Label class = "label-style" & gt; Big & lt; / Label & gt; & Lt; Input type = "text" class = "label-text" placeholder = "big size requirement" & gt; & Lt; / Div & gt; & Lt; Div class = "span1" & gt; & Lt; Label class = "label-style" & gt; Medium & lt; / Label & gt; & Lt; Input type = "text" class = "label-text" placeholder = "medium size requirement" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span2" & gt; & Lt; Label class = "label-style" & gt; Medium & lt; / Label & gt; & Lt; Input type = "text" class = "label-text input-mini" placeholder = "medium size requirement" & gt; & Lt; / Div & gt; & Lt; Div class = "span2" & gt; & Lt; Label class = "label-style" & gt; Medium & lt; / Label & gt; & Lt; Input type = "text" class = "label-text input-mini" placeholder = "medium size requirement" & gt; & Lt; / Div & gt; & Lt; Div class = "span2" & gt; & Lt; Label class = "label-style" & gt; Medium & lt; / Label & gt; & Lt; Input type = "text" class = "label-text input-mini" placeholder = "medium size requirement" & gt; & Lt; / Div & gt; & Lt; Div class = "span2" & gt; & Lt; Label class = "label-style" & gt; Medium & lt; / Label & gt; & Lt; Input type = "text" class = "label-text input-mini" placeholder = "medium size requirement" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span8" & gt; & Lt; Label class = "label-style" & gt; Details & lt; / Label & gt; & Lt; Textarea rows = "3" placeholder = "enter details" & gt; & Lt; / Textarea & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; I class = "fa-fa-plus-square" onclic = "ed ()" & gt; & Lt; / I & gt; & Lt; Span & gt; Add attachment & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Form & gt; & Lt; / Div & gt; & Lt; / Div & gt;