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

【问题标题】：Unable to get responsive right-align for mobile无法为移动设备获得响应式右对齐
【发布时间】：2012-04-25 22:12:45
【问题描述】：

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

<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] 进行了测试

【问题讨论】：

标签： html css mobile twitter-bootstrap responsive-design

【解决方案1】：

您需要将bootstrap-responsive.css 样式表与引导样式表一起包含以涵盖移动设备。

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

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

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

【讨论】：

谢谢，主要修复了它[+1]，但它仍然是little cut out...我可以添加一些border-right，但感觉有点乱.这意味着如何解决？
@AT 由于某种原因看不到你的截图，你能把它上传到 imgur.com 吗？
@AT 发现了问题，.navbar-fixed-bottom 类添加了一个margin:0 -20px 属性，它会在两边截断一段内容。如果您删除该行为它工作正常，试试这个：jsfiddle.net/nVw2V/2
@AT 修复是 .navbar-fixed-bottom { margin:0; } 顺便说一句。