title: Logo in navbar using bootstrap and R
body: <p>I'm building out an R Shiny application using Bootstrap to handle the styling. I'd like the logo to be placed within the navbar, right aligned. Looking through bootstrap documentation, it should go something like this:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-sm bg-dark navbar-dark"&gt;
     &lt;a class="navbar-brand" href="#"&gt;
       &lt;img src="bird.jpg" alt="Logo" style="width:40px;"&gt;
     &lt;/a&gt;
    ...
  &lt;/nav&gt;
  </code></pre>
  
  <p>This is what my .css file looks like and how I think implementation should go:</p>
  
  <pre><code>.navbar-brand{
    background-image: url(www/logo.png);
    align: right;
  
   }
  </code></pre>
  
  <p>I'm not familiar with styling or bootstrap, here is what a snippet of the bootstrap.css file looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/o4jAt.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o4jAt.jpg" alt="bootstrap.css snippet"></a></p>