导航栏中的徽标使用bootstrap和R.

时间:2017-12-11 17:03:07

标签: css r bootstrap-4 shiny

我正在使用Bootstrap构建一个R Shiny应用程序来处理样式。我希望徽标放在导航栏中,右对齐。通过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.css文件的片段:

bootstrap.css snippet

1 个答案:

答案 0 :(得分:1)

我喜欢这个,node文件夹中有logo.png

www

.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