我的页面的一部分确实在平板电脑的页面上显示

Question

当使用ipad或其他设备时，我的页面的中间部分偏离屏幕的一侧，但其他元素似乎没问题。

有人知道为什么吗？

http://codepen.io/anon/pen/PwOzOw

<div class="mid-section">
            <div class="container">
               <div class="row-fluid">
                 <div class="col-md-12">
                <h1 class="text-center">So, What can we do for you?</h1>
                <p class="text-center"> Placeholder Placeholder Placeholder 
                   </p>
                    </div>
                </div>
            </div>
        </div>

Answer 1

div.mid-section有大的左右填充。当与固定宽度组合时，您给出div.container，这意味着div.mid-section的总宽度大于屏幕宽度。

调整div.container的固定宽度或让div.container的宽度变得流畅。