調整瀏覽器大小時Bootstrap響應不起作用

Question

我是引導程序的新手，我需要將靜態頁面轉換為響應引導程序，寬度為980像素。 因此我根據設計創建了啟動列，並使用CSS校正將每個div放入列中。 在普通視圖中，一切都很好，但是當我調整窗口大小時，它顯示如下。

http://imgur.com/zOnLh3a

我從未將非響應式轉換為響應式，請幫助

注意：什么是媒體查詢？ 我必須為3種不同的大小寫CSS嗎？

Answer 1

從twitter bootstrap中獲取所需的模板並保存文件..然后從中獲取所需的bootstrap js和css ..並集成到站點中...

主要用於響應的媒體查詢是

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

Answer 2

缺少媒體查詢。

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

為了更好的理解，請通過鏈接