Html 如何在小屏幕上不破坏bootstrap 2.x中的内部跨距

我在表格中有以下代码

<div class='row-fluid'>
    <div class="span12">
        <div class="span6">
            <div>
                <div class="span6">StartDate</div>
                <div class="span6">2015-10-01</div>
            </div>
        </div>
        <div class="span6">
            <div>
                <div class="span6">Class Staff</div>
                <div class="span6">Admin Staff</div>
            </div>
        </div>
    </div>
</div>

起始日期
2015-10-01
班主任
行政人员

全屏显示如下（如预期）

在小屏幕上，即使右侧有足够的空间，它也会像下面那样断裂

我需要的如下。我不想破坏内部跨度

---

有人能帮我吗？

我认为

span

类似于

grid

列，它们就是这样设计的。如果是静态文本，则在相同的

span

中使用它，或者如果不是静态文本，则可以通过使用

变量来执行。