Question

这是我现在的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>

我正在寻找解决此问题的方法

Answer 1

就像Shawn所建议的那样，最好只使用向右拉动并将列设置为您想要的长度，而不是尝试使用偏移。这样的事情应该是完美的：

<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>

Bootstrap 3 visible-xs类移位网格

1 个答案: