twitter-bootstrap - 防止流体列在 iPhone 屏幕上换行

Question

我正在做我的第一个 Bootstrap 项目，但有点卡住了。在页面的顶部，我想要左侧的 Logo 和右侧的 2 个按钮堆叠在一起。这是我到目前为止所拥有的:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span4">
      <img src="/img/logo.png" width="120" />
    </div>
    <div class="span8">
      <a class="btn btn-large" href="#" style="width:100%;"><i class="icon-map-marker"></i> Find Location</a><br />
      <a class="btn btn-large" href="#" style="width:100%;"><i class="icon-comment"></i> Call Now</a>    
    </div>
  </div>
</div>

它在桌面上按预期工作，但我在 iPhone 上， span8 列中断并出现在下一行。有没有办法覆盖这个？

Answer 1

在 Bootstrap 3 中，有一组新的 CSS 类用于脚手架，它们包括允许您在较小的屏幕上禁用堆叠的功能。

新的 CSS 命名法使用“列”而不是“跨度”，它们有多种形式。 “col-xs-”品种(超小)允许您设置即使在超小设备上也不会堆叠的网格。