2012-04-25 47 views
0

为什么我的引导程序代码不能缩放到手机?无法为手机获得响应的右对齐

<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/

我如何能得到这个倒右对齐移动?

感谢所有信息

FYI:我测试通过调整浏览器窗口,并在Android模拟器中运行[通过PhoneGap的]

回答

1

您需要在串联的bootstrap-responsive.css样式与引导样式表为了覆盖移动设备。

只要包括以下的bootstrap.css样式表声明 “之后”:

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

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

+0

谢谢,这主要是固定它[** + 1 **],然而,它仍然是[一点点删除](http://i48.tinypic.com/az3ix.jpg)...我可以添加一些“边界 - 右边”,但感觉有点混乱。这意味着如何解决? – 2012-04-25 14:47:11

+0

@AT由于某种原因无法看到您的屏幕截图,您可以将其上传到imgur.com吗? – 2012-04-25 14:49:05

+0

嗯,这很奇怪。那么[这里是imgur链接](http://i.imgur.com/kiHiC.png)。 – 2012-04-25 14:53:10