Как избежать конфликта bootstrap 3 и One Page Scroll?

$(".main").onepage_scroll({
         sectionContainer: "section", 
         easing: "ease", 
         animationTime: 1000, 
         pagination: false,
         updateURL: false
 });

<nav class="navbar navbar-default navbar-fixed-bottom navigate">
                <div class="container">
                    <div class="collapse navbar-collapse" id="navbar-collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="#">Страница 1</a></li>
                            <li><a href="#">Страница 2</a></li>
                            <li><a href="#">Страница 3</a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#"><span class="badge" style="background-color: #fff; color: #E80C38; margin-left: -7px;">1</span></span></a></li>
                            <li><a href="#">Log-In</a></li> 
                        </ul>
                    </div>
                </div>
            </nav>