Когда использовать MojoExecutionException по сравнению с MojoFailureException в Знатоке

Другой подход заключается в реализации встроенного класса Bootstrap .text-hide наряду с .navbar-brand для замены текста / контента бренда фоновым изображением.

CSS:

.navbar-brand{ 
  background: url(http://example.com/your-logo-here.png) center / contain no-repeat;
  width: 200px;
}

HTML:

Navbar Brand

Это очень последовательный метод, позволяющий центрировать изображение. Чтобы отрегулировать размер изображения, все, что вам нужно сделать, это отрегулировать ширину .navbar-brand, поскольку высота уже установлена.

Вот живая демонстрация