Add smooth scrolling to in-page anchors for existing bootstrap template attached.

This attached template has a smooth scroll to top button in blue that appears on the bottom right hand side when you scroll down the page. When you click it, the page smoothly scrolls to the top. I want to have added functionality on the page where I have buttons that you click that will smoothly scroll to pre-defined anchors on the page. e.g. I have a button near the top of the page that says Read More with a href="#pricing" when you click on that button, it will take you to the element on the page with an id="pricing", but rather than jumping there, I would like it to scroll with the same effect that the scroll-to-top button does. I want someone who understands bootstrap and can use the existing libraries and js files included in the file, rather than adding any third party code to keep the file as CLEAN as possible without any unwanted bloat. Is this possible?