如何使Bootstrap v2.0.1中的頁腳設計響應？

我爲我的網站使用Bootstrap v2.0.1。如何使Bootstrap v2.0.1中的頁腳設計響應？

我用我的設計之後，從引導文件：

bootstrap.css
例如，固定layout.css中
引導-responsive.css
signin.css

現在我有一個頁腳HTML代碼，它可以在所有PC和筆記本電腦上的所有瀏覽器上正常工作。

我正面臨的問題是在平板電腦和智能手機上。頁腳不會保持響應。我應該如何讓這個頁腳響應所有瀏覽器和所有不同尺寸的設備？

有人可以在這方面幫助我嗎？以下是我的HTML代碼頁腳：

<footer style="background-color:#000" id="footer"> 
    <div class="container"> 
    <div class="row"> 
     <div class="span3 top-buffer-footer"> 
     <p> &copy; 2014 PROJECT NAME</p> 
     </div> 
     <div align="center" class="span7 top-buffer-footer"> 
     <a href="#">About Us</a> | 
     <a href="#">Privacy Policy</a> | 
     <a href="#">Terms & Conditions</a> 
     </div> 
     <div class="span2 top-buffer-footer"> 
     <a style="float:right" href="#">Powered By Company Name</a> 
     </div> 
    </div> 
    </div> 
</div>

如果您需要更多關於我面對，請不要讓我知道這個問題的進一步信息。

在此先感謝。

來源

2014-10-08 user2839497

頁腳不會保持響應嗎？意思..？你張貼的HTML，但問題主要在於你的CSS（給文件名 - 它沒有幫助）。 PLZ張貼您的CSS代碼或更好地做一個小提琴 – Sudheer 2014-10-08 10:58:25

您可以將類更改爲.row-fluid和.container-fluid，然後刪除float：right並將其放在它應該去的最小寬度媒體查詢中。 – Christina 2014-10-08 11:35:59

您應該升級到Bootstrap v2.3.2;它包含許多大的修復程序。 – cvrebert 2014-10-08 18:38:20

嘗試給它一個高度和寬度，然後應用一個邊距0來居中它。然後它會按照屏幕大小移動。

否則說，使用inspect元素來檢查是什麼導致你的代碼。或訪問http://getbootstrap.com/components/以獲取響應預定義的容器。

來源

2014-10-08 11:00:33 user3818791

如何使Bootstrap v2.0.1中的頁腳設計響應？

回答

相關問題