Question

无论图像如何，我的导航栏都不会扩展。

<a class="navbar-brand" href="http://www.thecoyotebandits.com/">
    <img class="brand" src="http://static.tumblr.com/vs9to3z/Ts6n7uu17/logo.png">
</a>

Answer 1

在您的标记（HTML）中，找到指示导航栏高度的类，并添加如下自定义类：

<div class="existing-class tall">Content</div>

在custom.css doc：

中

.tall{height:120px} /* experiment with the height depending on your image */

还有其他方法可以做同样的事情（在您的custom.css文档中或在bootstrap.css中直接覆盖bootstrap＆＃39，添加css内联，或将css添加到HTML文档中#c; s head）但上述内容确实是最佳实践，也是最容易管理的长期内容。

此外，既然我已完成教学和讲道，在这种情况下，您可以将课程添加到navbar-brand，因为我已在此处完成：http://www.bootply.com/ZFrMg9asaI

<a class="navbar-brand tall" href="http://www.thecoyotebandits.com/">

如何使用Bootstrap使导航栏稍微胖一点，以适应徽标

1 个答案: