title: I'm trying to keep my nav links in place on a small screen, they disapear at 900px
body: <p>I am trying to keep my nav links visible I tried a drop down button that would not drop down... I installed popper js it still didn't.</p>
  <p>I took the button out because I more likely just want the links horizontally on screen. Is that possible?</p>
  <pre><code> &lt;nav class=&quot;navbar navbar-expand-lg fixed-top &quot;&gt;  
  
  &lt;div class=&quot;collapse navbar-collapse &quot; id=&quot;navbarSupportedContent&quot;&gt;    
      &lt;ul class=&quot;navbar-nav mr-4&quot;&gt;
       &lt;li class=&quot;nav-item&quot;&gt;
       &lt;a class=&quot;nav-link&quot; data-value=&quot;home&quot; href=&quot;#home&quot;&gt;Home&lt;/a&gt;        
    &lt;/li&gt;  
        &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; data-value=&quot;about&quot; href=&quot;#about&quot;&gt;About&lt;/a&gt;        
    &lt;/li&gt;  
       &lt;li class=&quot;nav-item&quot;&gt;
       &lt;a class=&quot;nav-link &quot; data-value=&quot;photography&quot;href=&quot;#photography&quot;&gt;Photography&lt;/a&gt;    
   &lt;/li&gt;
       &lt;li class=&quot;nav-item&quot;&gt; 
       &lt;a class=&quot;nav-link &quot; data-value=&quot;blog&quot; href=&quot;#casestudies&quot;&gt;Case Studies&lt;/a&gt;         
  &lt;/li&gt;   
       &lt;li class=&quot;nav-item&quot;&gt;  
       &lt;a class=&quot;nav-link &quot; data-value=&quot;team&quot; href=&quot;#projects&quot;&gt; Projects&lt;/a&gt;       
  &lt;/li&gt;  
      &lt;li class=&quot;nav-item&quot;&gt; 
      &lt;a class=&quot;nav-link &quot; data-value=&quot;contact&quot; href=&quot;#&quot;&gt;Contact&lt;/a&gt;       
  &lt;/li&gt; 
      &lt;/ul&gt; 
    
      &lt;/div&gt;
    
      &lt;/nav&gt;
  </code></pre>