How to make fixed navbar top like w3school
<p>i want to make top fixed navbar like w3school.com? when i scroll down, the top navbar will fixed and the logo are not. how to do that with using bootstrap css framewok? is that only can use with w3.css ? i doubt about it. thank you!</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#logo {
    text-align: center;}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
&lt;body&gt;

&lt;div id="logo"&gt;
  &lt;img src="http://lorempicsum.com/futurama/350/200/1"/&gt;
&lt;/div&gt;

&lt;div id="nav"&gt;
    &lt;ul class="nav nav-tabs navbar-fixed-top"&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="..."&gt;Fixed&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
 &lt;/div&gt;
  
  &lt;p&gt; i want the navbar fixed like w3school.com when it the scroll down until reach the image the navbar will fixed. sorry for bad english.  visit w3school to see the navbar fixed top &lt;/p&gt;</code></pre>
</div>
</div>
</p>