Compability with Bootstrap griding

[lgt]

Hi I try to use this cool snippet with bootstrap griding but doesn't seems to work together. What should I change to make it usable? so my murkup looks like

Book Navigation

<nav id="sidebar-nav" role="navigation">
    <div class="block">
        <h2 class="block-title"></h2>
        <?php bones_main_nav(); ?> 
        <a class="close-btn" id="nav-close-btn" href="#top">Return to Content</a>
    </div>
</nav>

<div id="right_sidebar_widgets">
    <?php dynamic_sidebar('sidebar1'); ?>
</div>

if I remove class="col-md-3 col-sm-3" than it's working but the griding is out