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

Question

为什么我的引导代码不能缩小到移动设备？

<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.css 样式表声明“之后”包含以下内容：

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

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