css - 使用 bootstrap 和 R 导航栏中的 Logo

Question

我正在使用 Bootstrap 构建一个 R Shiny 应用程序来处理样式。我希望将 Logo 放置在导航栏内，右对齐。查看 Bootstrap 文档，它应该是这样的:

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
   <a class="navbar-brand" href="#">
     <img src="bird.jpg" alt="Logo" style="width:40px;">
   </a>
  ...
</nav>

这是我的 .css 文件的样子以及我认为应该如何实现:

.navbar-brand{
  background-image: url(www/logo.png);
  align: right;

 }

我不熟悉样式或 Bootstrap ，这是 bootstrap.css 文件的一个片段:

Answer 1

我喜欢这样，在 www 文件夹中使用 logo.png:

.logo {
  text-decoration: none;
  border: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  top: 3px;
  right: 15px;
  background: url(logo.png) no-repeat 0 0;
  background-size: 46px 46px;
  position: absolute;
  z-index: 100000000;
}

在 ui.R 中:

tags$head(
    tags$a(class="logo", target="_blank",
           href="http://link.com/")
)