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; 
}