twitter-bootstrap徽標位置（桌面+手機）不同位置

Question

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

我發現，如果你改變CSS代碼「bootstrap.min.css」從容器流體填充左：15px;填充左：0px;該徽標將位於桌面瀏覽器的正確位置，但位於移動設備上的錯誤位置。

sample image

你有什麼想法來解決這個問題？

Answer 1

您遇到此問題的原因是因爲twitter bootstrap使用media queries。媒體查詢本質上允許css類或id爲不同的屏幕寬度提供不同的樣式。

要解決此問題，您可以進入並更改縮小代碼中的每個媒體查詢以符合您的要求。然而，更好的解決方案是將自己的css編寫在一個單獨的文件中，該文件位於bootstrap之上。

例

因此，這裏是液體的容器一個div

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

這裏是你的CSS將覆蓋填充左側。

.example { 
    padding-left: 0px; 
}