2012-04-25 50 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