WordPress category/archive/tags/li widget with bootstrap tab

<aside class="widget tabbed-widget">
    <div class="tabbable" id="tab">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#cat" data-toggle="tab">Category</a></li>
            <li><a href="#arc" data-toggle="tab">Archives</a></li>
            <li><a href="#tag" data-toggle="tab">Tags</a></li>
            <li><a href="#mt" data-toggle="tab">Links</a></li>
        </ul>
        <div class="tab-content">
            <div id="cat" class="tab-pane active clearfix">
                <?php
                $cats = explode( '<br />', wp_list_categories( 'title_li=&echo=0&depth=1&style=none' ) );
                $cat_left = '';
                $cat_right = '';
                $cat_n = count( $cats ) - 1;
                for ( $i = 0; $i < $cat_n; $i++ ) {
                    if ( $i < $cat_n/2 ) {
                        $cat_left = $cat_left . '<li>' . $cats[$i] . '</li>';
                    } elseif ( $i >= $cat_n/2 ) {
                        $cat_right = $cat_right. '<li>' . $cats[$i] . '</li>';
                    }
                }
                ?>
                <ul class="alignleft">
                    <?php echo $cat_left;?>
                </ul>
                <ul class="alignright">
                    <?php echo $cat_right;?>
                </ul>
            </div>
            <div id="tag" class="tab-pane">
                <?php wp_tag_cloud(); ?>
            </div>
            <div id="arc" class="tab-pane">
                <?php
                $arc = explode( '</li>', wp_get_archives( 'echo=0&type=monthly' ) );
                $arc_left = '';
                $arc_right = '';
                $arc_n = count( $arc ) - 1;
                for ( $i=0; $i < $arc_n; $i++ ) {
                    if ($i < ($arc_n / 2) ) {
                        $arc_left = $arc_left . $arc[$i] . '</li>';
                    } elseif ($i>=$arc_n/2) {
                        $arc_right = $arc_right . $arc[$i] . '</li>';
                    }
                }
                ?>
                <ul class="alignleft">
                    <?php echo $arc_left ?>
                </ul>
                <ul class="alignright">
                    <?php echo $arc_right ?>
                </ul>
            </div>
            <div id="mt" class="tab-pane">
                <ul>
                    <?php wp_list_bookmarks( 'title_li=&categorize=0&category=2' ); ?>
                </ul>
            </div>
        </div><!-- .tab-content -->
    </div> <!-- .tabbable -->
</aside>