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