title: Yii2/Bootstrap NavBar menu - keep an item always visible
body: <p>I have an Yii2 application with NavBar menu up top, which looks something like that:</p>
  
  <pre><code>echo Nav::widget([
                  'options' =&gt; ['class' =&gt; 'navbar-nav '],
                  'items' =&gt; [
                      ['label' =&gt; 'Home', 'url' =&gt; ['/site/index']],
                      ['label' =&gt; 'About', 'url' =&gt; ['/site/about']],
                      ['label' =&gt; 'Contact', 'url' =&gt; ['/site/contact']],
  ...
  </code></pre>
  
  <p>In fact, in my code I have <code>'encodeLabels' =&gt; false</code> and I have images instead of text in the labels but that is not relevant.</p>
  
  <p>This behaves exactly as intended on small screen - on small and extra small devices the links disappear, the 'hamburger' icon pops up and if you click on it, you get a drop down with all the links.</p>
  
  <p>What I want to do is always keep a couple of links outside of the 'hamburger' menu and not include them in the drop down menu. For example, the "Home" and "About" links need to stay in the menu, visible at each level even when the screen becomes too small and everything else is free to go inside the dropdown menu.</p>
  
  <p>I did few attempts to stuff them in the <code>NavBar::begin</code> part of the code with no success, besides, I think there should be an easier way to do that. Any ideas?</p>