【问题标题】:Bootstrap - how to eliminate the margin of the header imageBootstrap - 如何消除标题图像的边距
【发布时间】:2018-06-07 15:31:02
【问题描述】:

我想这真的很基本,但我还没有在这里找到答案。我只是使用.navbar-brand img 类来更改我的徽标图像的宽度并且它工作正常,但由于某种原因,图像从顶部有边距并且它没有正确定位。我尝试用margin-top:0padding-top:0 消除边距,但它不会改变任何东西。

如何重新定位?

先谢谢了,希望不是转帖

【问题讨论】:

  • 您需要发布您的代码。请阅读minimal reproducible example
  • 好的。在我的 index.html 中:
  • 由于某种原因我无法缩进代码,很抱歉。但这只是使徽标出现的基本html。
  • 不,不要将您的代码放在评论中,请更新您的问题并正确格式化。

标签: css position


【解决方案1】:

Bootstrap v4 具有间距实用程序类,用于为所有边和每边制作边距和填充 0

为 margin:0 添加 m-0 类,

为 margin-top:0 添加mt-0

...

同样用于填充

为 padding:0 添加 p-0 类,

为 padding-top:0 添加pt-0

更多信息here

【讨论】:

    猜你喜欢
    • 2015-02-09
    • 1970-01-01
    • 2017-02-22
    • 2015-12-05
    • 2018-10-21
    • 2022-01-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多