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