0

我有麻煩使用容器類的引導,因爲我需要一個響應100%寬度的封面。如果我使用這個課程,我會在左側和右側留出一點空白。所以我想要這個利潤率。我該怎麼做,仍然得到響應?Bootstrap中心100%寬度覆蓋響應

這裏是容器類:

.container { 
    margin-left: auto; 
    margin-right: auto; 
} 

如果我用COL-12類誰是100%的寬度,則圖像會向一側時我調整,我需要一個居中的圖像時我調整。

下面是一個使用容器類的封面上,你看到右邊和左邊距

enter image description here

這是看如果我使用COL-12級:

enter image description here

這是我需要但沒有利潤。 (當然,只有當我在100%)

enter image description here

感謝。

+0

您是否正在加載bootstrap-responsive.css? – keeg

+0

我使用引導程序3,現在引導程序responsive.css它集成在bootstrap.css,我得到響應如果我使用容器類,但與我不想要的邊緣。 – unixeO

+0

所以你希望圖像在任何時候都是窗口寬度的100%? – keeg

回答

1

我固定的100%的寬度改變這一點:

@media (min-width: 1200px) { 
    .container { 
    max-width: 1170px; 
    } 
} 

要這樣:

@media (min-width: 1200px) { 
    .container { 
    max-width: 1280px; 
    } 
} 

這是因爲1280px是我的屏幕的分辨率。

+0

有沒有辦法使它的工作,無論是什麼樣的屏幕分辨率?引導程序2可以處理流體。 – liuhongbo

+1

對於屏幕分辨率超過1280像素的任何人,這不是一個解決方案。 – carpeliam