Html Bootstrap 3可视xs类移动网格

这是我的html现在。每当我在较小的屏幕上查看它时，它都会出现在屏幕的中央，而不是像col所说的那样出现在最右边

<div class='row visible-xs-block'>
  <div class='col-xs-2 col-xs-offset-10'>

    <h3>DFA Rice Blog</h3>
    <h4><a href="archive">Archive</a></h4>

  </div>
</div>

DFA赖斯博客

---

我正在寻找一种解决此问题的方法，就像Shawn建议的那样，最好只使用pull right并将列设置为所需的长度，而不是尝试使用偏移量。像这样的东西应该可以很好地工作：

<div class='row visible-xs-block'>
    <div class='col-xs-12'>
        <div class="pull-right">
            <h3>DFA Rice Blog</h3>
            <h4><a href="archive">Archive</a></h4>
        </div>
    </div>
</div>

DFA赖斯博客

使用BS 3.1？看起来col-xs-offset-10是使用3.2在3.1上重新添加的，我在其他地方使用了col-xs-offset-10，只是尝试使用“向右拉”而不是“偏移”。出于某些原因，引导col系统似乎仍然不太好用。我的代码可以运行，但只在firefox中运行。在chrome和safari中，它崩溃了。您能用代码抛出一个jsbin或JSFIDLE来演示这一点吗？使用这个示例和基本引导，它对我很有用。这可能是你正在进行的其他事情可能会干扰…我不确定我是否会说这是“最好的”，只是抛出了一个想法。他的代码应该按原样工作，因此我同意显示错误的JSFIDLE或bootply将非常有用。