Twitter bootstrap 三列水平窗体调整大小问题-Bootstrap v2.3.1

我正在尝试创建一个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>

文本输入
文本输入
文本输入

我试过使用“容器”、“容器流体”、“行”、“行流体”

---

有任何关于我做错了什么的提示吗？

您是否有其他响应功能在工作？看起来好像没有包括响应CSS。@emptywalls是的，我有其他响应功能，如两个导航栏、一列水平表单等。如果我调整更多窗口浏览器的大小，内容将正确显示，并且不会显示滚动条。但是，我希望有一个响应性强的布局，文本永远不会与字段重叠。我读到一些我必须使用spanX（例如span12）作为输入字段的内容。