title: Making a Fixed Right Side Navbar
body: <p>Right now I'm exploiting most of the features of Bootstrap to make sure its compatible on all browsers and screens and I would like to continue to do so. Which is why I need a 'Bootstrap' fix as far as possible for this problem.</p>
  
  <p>Currenty, I've a <code>nav</code> at my page top as shown below and as seen on <a href="http://imdbnator.com/table?id=9051d9111fa33e5daf9625fb7d0d8e2a" rel="nofollow noreferrer">http://imdbnator.com/table?id=9051d9111fa33e5daf9625fb7d0d8e2a</a></p>
  
  <p><strong>Current Top-Navbar</strong></p>
  
  <p><img src="https://i.stack.imgur.com/0Mmda.png" alt=""></p>
  
  <p><strong>Wish to Add</strong></p>
  
  <p><img src="https://i.stack.imgur.com/Tvopq.png" alt=""></p>
  
  <p>As you can see in the above picture, I wish to add <code>fixed</code> to right and if possible like <code>nav-inverse</code> with all the options that I have on my top navbar except with just icons. That is, I would like to continue the usage of <code>&lt;li&gt;</code>. Basically, a bootstrap solution.</p>
  
  <p>My Ultimate goal is to provide a set of options on the sidebar as soon as the topbar is not visible for which I'll probably have to use JavaScript that I can manage by myself I suppose.</p>
  
  <p>Thanks for your help!</p>
  
  <p><strong>Update:</strong> I know of simple CSS solutions. But I wish to be Bootstrap compatible. ie. I can use the same structure as a typical navbar does in Bootstrap.</p>