Gostaria de saber se é possivel fazer um scroll suavizado por meio do bootstrap. por exemplo, usar esse código:
<li class="nav-item">
<a class="nav-link" href="#funcionalidades">FUNCIONALIDADES</a>
</li>
que é referente aqui
<section id="funcionalidades" class="bg-light">
<div class="container pb-5">
<div class="row justify-content-md-around justify-content-center">
<article class="card mt-5 borda-cor-especial card-imagem">
<img src="src/img/ferramentas.png" class="card-imagem-top" alt="ferramentas">
<div class="card-body">
<h5 class="card-title">FERRAMENTAS</h5>
<p class="card-text">Receita refrescante e cheia de vitaminas para o seu café da manhã!</p>
<div class="container">
<div class="profile">
<div class="content">
<div class="header">
<img src="src/img/ferramentas.png" alt="Jeams Middlman">
<div class="infos">
<h3 class="name">Jeams Middlman</h3>
<p class="title">Web Developer / We Desinger</p>
</div>
</div>
<div class="body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et accusamus odio itaque, qui explicabo laboriosam minima, at aliquid quidem, officiis labore commodi cupiditate! Repellendus, maxime.</p>
</div>
</div>
</div>
</div>
</div>
</article>
ps, adicionei um tooltip no final para servir como botão.