流體引導程序的空白空間

Question

我最近開始使用引導程序，遇到以下問題：水平滾動條出現的時間要早​​得多。 下面的屏幕截圖中的紅色方塊在thas表格旁邊未顯示任何信息的情況下顯示了空白區域，即隱藏的表格/ 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>

屏幕截圖

Answer 1

確保您包含bootstrap-responsive.css 。 bootstrap.css僅包含固定寬度的布局規則。

另外，您的<section>元素沒有關閉，並且格式上的設置使得在視覺上很難分辨每個div是否已正確關閉。 那也可能導致滾動條問題。

至於右邊的空白，那是因為您的div的span10僅為一行的十分之一。 使用span12填充整個水平空間。 從您的問題中我不確定您是否要空白。

有關更多信息，請參見Bootstrap布局並向下滾動至“流體布局”部分。

希望這可以幫助！