2015-08-27 29 views
0

我是新手引導,我需要將靜態頁面轉換爲引導響應,寬度是980像素。所以我根據設計創建了引導列,並將每個div都用css更正。在正常的看法一切都很好,但是當我重新調整窗口大小時,它會顯示出這樣的效果。Bootstrap響應不工作時,我調整瀏覽器

http://imgur.com/zOnLh3a

我從未轉換的非響應響應,請幫忙

注:什麼是媒體查詢?我是否必須爲3種不同尺寸編寫css?

+2

我們需要看到的代碼來了解你可能做錯了。 – Goose

+0

此外,媒體查詢將不需要這個。 Bootstrap爲你抽象這個邏輯。 – Goose

+0

http://codepen.io/anon/pen/LpPxPV這是來自頁面的一部分,並且在此先感謝 – johnnyzx

回答

0

從Twitter的引導採取必要的模板,並保存從採取必要的js的file..and和css bootstrap..and在網站整合...

主要用於響應媒體查詢是

/* CSS Document */ 
@media (max-width:1200px) 
@media (min-width:992px) and (max-width:1199px) 
@media (max-width:991px) 
@media (min-width:991px) 
@media (min-width:768px) and (max-width:991px) 
@media (max-width:767px) 
@media (max-width:480px) 
@media only screen and (min-width: 320px) 
0

媒體查詢丟失。

 @media screen(max-width:800px) { 
      body { font-size:0.8em; } 
      img { width:300px; } 
     } 

爲了更好地理解經過link

相關問題