html - 无法获得移动设备的响应式右对齐

Question

为什么我的 Bootstrap 代码不能缩减到移动设备？

<div class="navbar navbar-fixed-bottom">
   <div class="navbar-inner">
        <div class="container">
            <form action="" class="navbar-search pull-right">
                <a href="#" class="btn btn-success">
                    <i class="icon-shopping-cart icon-white"></i> Checkout
                </a>
            </form>
        </div>
    </div>
</div>​

在我的电脑上，我必须向右滚动。

查看此处运行的代码:http://jsfiddle.net/nVw2V/

我怎样才能让它右对齐到移动设备？

感谢所有信息

仅供引用:我通过调整浏览器窗口大小并在 Android 模拟器中运行 [via PhoneGap] 进行了测试

Answer 1

为了覆盖移动设备，您需要将 bootstrap-responsive.css 样式表与 Bootstrap 样式表一起包含在内。

只需在 bootstrap.css 样式表声明“之后”包含以下内容:

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css

演示:http://jsfiddle.net/nVw2V/1/