colapsar hacia la izquierda Bootstrap

[mroblesh06]

Bueno dias foreros, estoy practicando en bootstrap, y estoy haciendo un menu

Código:

<nav class="navbar navbar-default " rol="navigation">

    <div class ="navbar-left navbar-header">
        <button class="boton-menu navbar-toggle pull-left col-xs-offset-1" 
                data-toggle ="collapse" 
                data-target=".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button> 
        <div>
            <p class = "navbar-text blanco" style="color: #fff">Principal</p>
        </div>

    </div>

    <div class="pull-left collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-left">
            <li><a href="#">Home</a></li>
        </ul>
    </div>

</nav>

pero como puede hacer que la animacion del boton en ves de bajar, sea de izquierda a derecha, se puede o mejor lo hago con css o jquery, gracias