twitter-bootstrap徽標位置（台式機+移動設備）不同的位置

Question

謝謝您的支持。 我創建了一個小引導頁面。 我只有兩個小問題。 桌面瀏覽器上的徽標位置不同於移動設備（iphone）上的徽標位置。

我發現，如果您從容器流體中更改CSS代碼“ bootstrap.min.css”-padding-left：15px; 到padding-left：0px; 徽標將在桌面瀏覽器上的正確位置，但在移動設備上的位置錯誤。

樣本圖像

您有解決這個問題的想法嗎？

Answer 1

之所以遇到這種情況，是因為twitter引導程序利用了媒體查詢 。 媒體查詢本質上允許css類或id對於不同的屏幕寬度具有不同的樣式。

要解決此問題，您可以進入並更改最小化代碼中的每個媒體查詢，以滿足您的要求。 但是，更好的解決方案是將自己的css寫入一個單獨的文件中，該文件會超出bootstrap的范圍 。

例

所以這是一個容器液體的div

<div class="container-fluid example">
 // your div content
</div>

這是您的CSS，它將覆蓋左側的填充。

.example {
  padding-left: 0px;
}