使引導程序2無響應

我已經遇到引導版本2的問題，我無法真正使網格固定。它仍然在不同的屏幕尺寸上變得瘋狂。我已經將所有html元素都包裝在容器中，如下所示：使引導程序2無響應

<header> 
<div class="container"> 
<div class="row"> 
    <div class="span5"> 
     <img src="http://www.placehold.it/90x90" > 
     <h1 > 
      Header 
     </h1> 
    </div> 
    <div class="span4 offset3 text-right"> 
     <h3>City</h3> 
     <p>+7 (343) 999999999</p> 
    </div> 
</div> 
</div> 
</header> 

<section class="container" id="anchors"> 
<div class="row"> 
<div class="span3 text-center"> 
    <img src="http://www.placehold.it/150x150"> 
    <a class="anchor">Anchor</a> 
</div> 
<div class="span3 text-center"> 
    <img src="http://www.placehold.it/150x150"> 
    <a class="anchor">Anchor</a> 
</div> 
<div class="span3 text-center"> 
    <img src="http://www.placehold.it/150x150"> 
    <a class="anchor">Anchor</a> 
</div> 
<div class="span3 text-center"> 
    <img src="http://www.placehold.it/150x150"> 
    <a class="anchor">Anchor</a> 
</div> 
</div> 
</section>

而且它們仍然不是固定的。那麼，我如何讓它不響應？將感謝任何幫助。

來源

2013-07-30 nainy

請勿包含響應式樣式表。 – sevenseacat

@sevenseacat我有一個默認編譯的boostrap.min。 – nainy

那麼有一個簡單的方法來解決這個問題 - 不要使用該樣式表。 – sevenseacat

解壓縮你的CSS文件，並刪除「媒體查詢」，如：

// Landscape phones and down 
@media (max-width: 480px) { ... } 

// Landscape phone to portrait tablet 
@media (max-width: 767px) { ... } 

// Portrait tablet to landscape and desktop     
@media (min-width: 768px) and (max-width: 979px) { ... } 

// Large desktop 
@media (min-width: 1200px) { ... }

來源

2013-07-30 05:24:39

謝謝，選擇這個答案。 – nainy

從你的評論我明白你有一個單一的CSS文件。

你會發現下面的和完全刪除它：

@media screen and 
(min-width: X px) and 
(max-width: X px) 

@media screen and 
(min-device-width: X px) and 
(max-device-width: X px)

您可以使用在線工具來最小文件轉換爲使其可編輯。

來源

2013-07-30 05:24:34

謝謝，這確實有效。 – nainy

您可以從頁面中刪除這兩條線，如果你有他們在那裏。

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

來源

2014-12-03 22:00:15 StevoBot

使引導程序2無響應

回答

相關問題