2017-12-11 16 views
0

スタイリングを処理するためにブートストラップを使用してR Shinyアプリケーションを構築しています。私はロゴをNavbar内に配置したいと思います。これは私の.cssファイルは次のようになり、どのように私は実装が行くべきだと思うものですbootstrapを使用したnavbarのロゴR

<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> 

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

} 

私はスタイリングに慣れていないよ、ブートストラップドキュメントを通して見ると、それはこのような何かを行く必要がありますで、私はこのように行う

bootstrap.css snippet

答えて

0

:またはブートストラップは、ここbootstrap.cssファイルのスニペットは次のようになります

.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/") 
) 
wwwフォルダ内