lass=&quot;nav nav-pills mb-4&quot;&gt;
  &lt;li class=&quot;nav-item&quot; &gt;
    &lt;a class=&quot;nav-link&quot; href=&quot;#scrollspyPillsSection1&quot;&gt;First&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=&quot;nav-item&quot; &gt;
    &lt;a class=&quot;nav-link&quot; href=&quot;#scrollspyPillsSection2&quot;&gt;Second&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=&quot;nav-item&quot; &gt;
    &lt;a class=&quot;nav-link&quot; href=&quot;#scrollspyPillsSection3&quot;&gt;Third&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&l