无法获得针对移动设备的响应右对齐

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模拟器中运行[通过PhoneGap]进行测试

Answer 1

您需要将bootstrap-responsive.css样式表与引导程序样式表结合使用才能涵盖移动设备。

只需在bootstrap.css样式表声明后面加上以下内容：

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

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