title: how to make smooth scroll?
body: <p>I'm using bootstrap and this is my code. how to make smooth scroll ?
  Please help me</p>
  <pre><code>&lt;div id=&quot;navbar-normal&quot; class=&quot;navbar navbar-expand-lg&quot;&gt;
          &lt;div class=&quot;container&quot;&gt;
              &lt;a href=&quot;&quot; class=&quot;navbar-brand&quot;&gt;
                  &lt;img src=&quot;assets/images/logo.svg&quot; alt=&quot;&quot;&gt;
              &lt;/a&gt;
              &lt;div class=&quot;collapse navbar-collapse&quot;&gt;
                  &lt;ul class=&quot;navbar-nav&quot;&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;#home&quot; class=&quot;nav-link&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;#about&quot; class=&quot;nav-link&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;#news&quot; class=&quot;nav-link&quot;&gt;News&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;#contact&quot; class=&quot;nav-link&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;section id=&quot;home&quot;&gt;&lt;h1&gt;Home&lt;/h1&gt;&lt;/section&gt;
      &lt;section id=&quot;about&quot;&gt;&lt;h1&gt;About&lt;/h1&gt;&lt;/section&gt;
      &lt;section id=&quot;news&quot;&gt;&lt;h1&gt;News&lt;/h1&gt;&lt;/section&gt;
      &lt;section id=&quot;contact&quot;&gt;&lt;h1&gt;Contact&lt;/h1&gt;&lt;/section&gt;
  </code></pre>