三列水平形式调整大小问题 - Bootstrap v2.3.1

Question

我正在尝试创建一个3列表单（每列都有一个标签和一个输入文本，它可能是多行）。

我遇到的问题是在某些情况下屏幕调整大小并且标签和字段重叠;还会显示水平滚动条，如下所示：

请参阅HTML示例

    <div class="container-fluid">
    <form class="form-horizontal">
        <div class="row-fluid">
            <div class="span4">
                <div class="control-group">
                    <label class="control-label" for="input1">
                        Text input
                    </label>
                    <div class="controls">
                        <input type="text" id="input1"></input>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="control-group">
                    <label class="control-label" for="input2">
                        Text input
                    </label>
                    <div class="controls">
                        <input type="text" id="input2"></input>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="control-group">
                    <label class="control-label" for="input3">
                        Text input
                    </label>
                    <div class="controls">
                        <input type="text" id="input3"></input>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

我尝试过使用“容器”，“容器流体”，“排”，“排液” 对我做错了什么的暗示？