Bootstrap没有优化手机网站？

Question

http://www.razaprinters.com/bootstrap.html

您好我已经使用bootstrap创建了这个页面它在桌面上工作正常我主要使用像col-xs-4或12这样的类但是当我在手机上打开我的网站时它没有优化的东西表现得很尴尬我们divs一直向上等等。对代码的任何帮助都会有所帮助我不会发布代码，因为你可以去检查元素或查看源代码来访问它。

Answer 1

为了引导到＆＃34;工作＆＃34;你应该将列放在容器和行类中。

<div class="container">
    <div class="row">
        <div class="col-xs-12"></div>
    </div>
</div>

有关详情，请访问Bootstrap Grid System

Container是您要设置样式的内容的父级，它可以包含多个行。行是一种水平组（就像表中的一行）。行有12列，但您可以根据屏幕宽度对元素应用不同的宽度以定位不同的视图（dektop，mobile）。如果希望列工作，则需要行元素。例如，如果您使用：

<div class="container">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
    </div>
</div>

然后，在较大的屏幕上将显示父.container元素的50％宽度（它将在左侧），在较小的屏幕上显示100％的父.container宽度。希望澄清一些事情。我真的建议阅读Bootstrap文档 - 它简短而简单。