如何从右侧折叠引导导航？

Question

以下是我在样式表中添加的CSS代码，以便在网页右侧的引导程序导航中折叠。但它没有成功。如果有人知道怎么做，请帮助我。

.collapsing{   
    position: relative !important;
    height: 0 !important;
    overflow: hidden !important;
    -webkit-transition: width .35s ease !important;
    -o-transition: width .35s ease !important;
    transition: width .35s ease !important;
}

.collapse{
    width:0 !important;
    position: absolute !important;
    right:0 !important;
    display: block;
}

.collapse.in{
    height:initial !important;
    width:100% !important;
    overflow: hidden !important;

}