0

我最近开始使用引导程序并遇到以下问题：水平滚动条出现的时间比它应该出现的早得多。下面屏幕截图上的红色方块显示了表单旁边的空白区域，未填充任何信息，隐藏的表格/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>

截屏

4

1 回答 1

0

确保您包括bootstrap-responsive.css. bootstrap.css仅包括固定宽度的布局规则。

此外，您的<section>元素没有关闭，并且您的格式很难从视觉上判断每个 div 是否正确关闭。这也可能导致滚动条问题。

至于右边的空白，那是因为你的 divspan10只有一行的 10/12。用于span12填充整个水平空间。从你的问题中我不确定你是否想要空白。

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

希望这可以帮助！

于 2013-04-29T13:43:45.783 回答