html - 流体 Bootstrap 布局空白空间

Question

最近开始使用bootstrap，遇到如下问题:出现水平滚动条应该早得多。下面屏幕截图中的红色方 block 显示了表格旁边的空白区域没有填充任何信息，隐藏表/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这只是连续的 10/12。使用 span12填满整个水平空间。从你的问题中我不确定你是否想要空白区域。

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

希望这对您有所帮助!