Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I have a bootstrap grid with one row and two columns, now I want set splitter between those columns. My code looks like this.

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">.col-md-6</div>
        <!--need to work here-->
        <div class="col-md-6">.col-md-6</div>
Now I want to create an angular directive or bootstrap splitter that will split those two columns. This example is similar to Silverlight. How can i create that splitter? Do you have any knowledge? Thanks everybody who has read my write.
                @Skelly I think he wants something like jqwidgets.com/jquery-widgets-documentation/documentation/… But for BT....
– BENARD Patrick
                Sep 18, 2014 at 12:25
                What about responsiveness? How do you expect it to behave on smaller screens which will show the 2 columns not in one row? Also, do you want it to be draggable like in the jQuery example?
– s.alem
                Sep 29, 2014 at 12:54
        }).appendTo('body');
        $(document).mousemove(function (e) {
            ghostbar.css("left", e.pageX + 2);
    $(document).mouseup(function (e) {
        if (dragging) {
            $('#sidebar').css("width", e.pageX + 2);
            $('#main').css("left", e.pageX + 2);
            $('#ghostbar').remove();
            $(document).unbind('mousemove');
            dragging = false;
This is the more comprehensive example for div splitter.
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.