how to dynamically resize bootstrap-treeview horizontally?

I have the following html where I load a treeview with nodes, what I would need is that it could be resized with the mouse pointer horizontally, that is to enlarge the width of the treeview.

 <div id="container-tree" class="col-sm-2 tree-container  invisible">
            <div class="row">
                <div id="tree" class="treeview-note">

                </div>
            </div>
        </div>