navbar-toggle导致按钮左对齐

Question

我写了一个mobile menu button，它可以正常工作，直到我为它添加类“navbar-toggle”。添加类后，按钮左对齐。请指导我。感谢。

        <button  type="button" class="col-xs-12 btn btn-success  collapsed navbar-toggle" data-toggle="collapse" data-target="#primary-menu"  aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'child-life-foundation' ); ?></button>
        <nav class="navbar  " role="navigation" id="navbar-collapse collapse">
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu', 'menu_class'      => 'nav' ) ); ?>
        </nav><!-- #site-navigation -->