Bootstrap偏移xs和可见xs未按预期工作

Question

我正在使用Bootstrap 3设计它的网站。我遇到过网格系统没有按预期工作的情况。

我正在尝试将最后一行中的HTML5徽标放入visible-xs-6 col-xs-offset-3。根据我的说法，这应该创建三个部分，其中第一部分应该是3列的偏移，正如您在图像中看到的那样显示正常，但之后我相信HTML5徽标应该位于中间部分的某个位置之后又有3个栏目。这不符合逻辑吗？但由于某种原因，第二部分占据了偏移后的整行。我做错了什么？

Answer 1

我不相信visible-xs-*类用于设置列数，只用display:*属性。唯一的选项是block，inline和inline-block。所以你的课程应该是......

class="col-xs-6 col-xs-offset-3 visible-xs-block"

Answer 2

我犯了一个愚蠢的错误。我忘了将列包裹在<div class="row">中。而且我使用.hidden-sm .hidden-md和.hidden-lg类只是为了更加确定。

而且我犯了另一个愚蠢的错误，认为visible-xs-*中的*表示列数而不是响应实用程序中给出的选项。

如果有人遇到类似问题，请查看Bootstrap's responsive utilities

无论如何，谢谢任何试图提供帮助的人。我会接受这个作为回答问题的答案。