【问题标题】:Bootstrap3 - image in navbar-brand distorts heightBootstrap3 - 导航栏品牌中的图像扭曲高度
【发布时间】:2014-01-17 11:10:57
【问题描述】:

在 Bootstrap3 中,当图像(与 navbar 相比高度较小)包含在 navbar-brand 中时,navbar 的高度会失真(在 navbar 的底部可以看到额外的空间)。 Bootply.

请帮忙丢弃底部空间。

非常感谢!

P.S:图片高度为 35px,navbar 高度设置为 70px。

图片礼貌:http://www.telerik.com/

【问题讨论】:

    标签: image height twitter-bootstrap-3 navbar


    【解决方案1】:

    如果您删除navbar-brand 中的填充(我尝试将其设置为零)并擦除或重新设置navbar 的高度,您将失去底部空间。

    编辑

    body 的样式之后,试试这个:

    .navbar {
      /* height: 70px; */
    }
    .navbar-brand {
      padding: 0;
    }
    

    【讨论】:

    • 我试过 - .navbar-brand { padding-bottom: 0px; } 但是,我看不出有什么不同。请帮忙写代码。谢谢!
    • 该解决方案按预期工作 - 删除了底部空间,但徽标被附加到顶部。检查 bootply,请帮助。
    • 太棒了!在评论之前我确实尝试过padding-top,但之前删除了padding。你的回答给出了提示。工作正常。非常感谢!
    • 我根据你的回答做了非常相似的事情@Zentaurus: .navbar-brand { padding-top: 13px;填充底部:0; } - 现在它不再被扭曲了。非常感谢!
    猜你喜欢
    • 2013-11-22
    • 2018-01-22
    • 2021-12-05
    • 2021-04-08
    • 2015-01-18
    • 2016-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多