我有一个我正在研究的网站，它有一个简单的小部件，可以显示某些系统的当前状态。我遇到的问题是，当视图进入移动设备（iPhone大小）或浏览器上的屏幕创建相同的效果时，其中包含对象的行开始堆叠并变得不可见或被切断。我不希望这些堆叠，因为这样的设计没有意义。有没有办法让某些东西永远不会叠加？我似乎无法得到任何关于如何解决这个问题的线索，因为引导选择不会那么小。如果有col-xxs- *类或col-mobile- *类，它似乎会起作用。
答案 0 :(得分：1)
您可以自定义Twitter媒体查询断点 所以col-xs- *可以从200px开始，而不是480px。
这是链接： http://getbootstrap.com/customize/#media-queries-breakpoints
编辑变量并下载该版本。您还可以使用bootstrap Less来编辑项目中的这些变量，因为它适合您，而不是每次都重新下载文件。
答案 1 :(得分：1)
我不确定这是否有帮助，
确保正确配置了视口：
确保您没有比视口宽的内容。
例如，如果您的图像比视口宽，则将CSS设置为
最大宽度：100％;
答案 2 :(得分：1)
根据我的理解，你不想在移动视图中将div堆叠在另一个之下。然后尝试使用类似table-responsive的类，它允许内容以水平滚动条显示。
然后，您必须为那些您不想包装的列设置最小宽度。 或白色空间：nowrap
答案 3 :(得分：0)
我遇到的问题是，有一个自定义div类被放入托管软件的全局样式中。这个class重复了Bootstrap col类的想法。它从col-all-12开始到col-all-1。问题是，无论屏幕的宽度如何，这都会覆盖所有其他引导程序样式并使事物具有一定的大小。我适当地调整了这些，似乎工作。我不得不从头开始重建这段代码，但现在它很好！
感谢所有帮助和提出建议的人！