Html 如何在bootstrap 2.3.2中进行响应性设计

我必须使用bootstrap V2.3而不是v3。但是有一个联合问题。fiddle的链接-

在这里，我想在一行中对齐4个文本框（每个文本框大小不同）。我尝试使用不同的span值，但对于我的桌面，它可以工作，但对于移动和大型设备，它不工作（我希望移动设备中所有中等大小的文本框垂直对齐）。我哪里出了问题

<div class="container main-container">
<div class="row">
    <div class="span8">
        <form role="form">
            <div id="placeholder1">
                <div id="template">
                    <div class="fieldsetBorder">
                        <div class="row">
                            <div class="span1">
                                <label class="label-Style ">Mini </label>
                                <input type="text" class="label-class " value="Mini size needed">
                            </div>
                            <div class="span1">
                                <label class="label-Style">Small</label>
                                <input type="text" class="label-text " placeholder="Small size needed">
                            </div>
                            <div class="span1">
                                <label class="label-Style">Large</label>
                                <input type="text" class="label-text" placeholder="Large size needed">
                            </div>
                            <div class="span1">
                                <label class="label-Style">Medium</label>
                                <input type="text" class="label-text " placeholder="Medium size needed">
                            </div>                                  
                        </div>
                        <div class="row">
                            <div class="span2">
                                <label class="label-Style">Medium</label>
                                <input type="text" class="label-text input-mini" placeholder="Medium size needed">
                            </div>
                            <div class="span2">
                                <label class="label-Style">Medium</label>
                                <input type="text" class="label-text input-mini" placeholder="Medium size needed">
                            </div>
                            <div class="span2">
                                <label class="label-Style">Medium</label>
                                <input type="text" class="label-text input-mini" placeholder="Medium size needed">
                            </div>
                            <div class="span2">
                                <label class="label-Style">Medium</label>
                                <input type="text" class="label-text input-mini" placeholder="Medium size needed">
                            </div>                          
                        </div>
                        <div class="row">
                            <div class="span8">
                                <label class="label-Style" >Description</label>
                                <textarea rows="3" placeholder="Enter Description"></textarea>
                            </div>
                        </div>
                        <i class="fa fa-plus-square" onclick="Add()"></i><span>Add attachment</span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

迷你
小的
大的
中等
中等
中等
中等
中等
描述
添加附件

---

你是说这个吗@是的，只有。。。