Question

我最近开始使用bootstrap并遇到以下问题：出现水平滚动条它应该早得多。下面的屏幕截图中的红色方块显示了表单旁边的空白区域没有填写任何信息，隐藏的表/ div。

HTML

<section class="content"><div class="row-fluid">
<div class="span10 article">
  <div class="block">
    <div class="section">
    <h4>Online Application</h4>
        <div class="row-fluid form-horizontal">
        <div class="span6">
            <div class="control-group">
            <label class="control-label">First Name</label>
            <div class="controls">
                input type="text" name="contact_name_1">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Last Name</label>
                        <div class="controls">
                            <input type="text" name="contact_name_2">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Email</label>
                        <div class="controls">
                            <input type="text" name="contact_email">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Home Phone</label>
                        <div class="controls">
                            <input type="text" name="contact_phone_home">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Cell Phone</label>
                        <div class="controls">
                            <input type="text" name="contact_phone_cell">
                        </div>
                    </div>
                       <input type="button" value="Start Application" onClick="obertka25()">
            </div>
        </div>
    </div>
</div>

screenshot

Answer 1

请确保包含bootstrap-responsive.css。 bootstrap.css仅包含固定宽度布局规则。

此外，您的<section>元素未关闭，并且您的格式设置使得您可以直观地判断每个div是否已正确关闭。这也可能导致滚动条问题。

对于右边的空白区域，这是因为你的div有span10，它只是连续的十分之一。使用span12填充整个水平空间。我不确定你是否想要白色空间。

有关详细信息，请参阅Bootstrap layouts并向下滚动到“流体布局”部分。

希望这有帮助！

流体引导布局空白空间

1 个答案: