                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /認(rèn)識(shí)響應(yīng)式布局

新的風(fēng)暴已經(jīng)出現(xiàn)，右側(cè)列表點(diǎn)擊出現(xiàn)不會(huì)弄啊，已經(jīng)引用了官方的offcanvas的文件了，但是為啥就是不成功呢？如下

就是這個(gè)樣子。

<style?type="text/css">
????????/*
?*?Style?tweaks
?*?--------------------------------------------------
?*/
html,
body?{
??overflow-x:?hidden;?/*?Prevent?scroll?on?narrow?devices?*/
}
body?{
??padding-top:?70px;
}
footer?{
??padding:?30px?0;
}

/*
?*?Off?Canvas
?*?--------------------------------------------------
?*/
@media?screen?and?(max-width:?767px)?{
??.row-offcanvas?{
????position:?relative;
????-webkit-transition:?all?.25s?ease-out;
?????????-o-transition:?all?.25s?ease-out;
????????????transition:?all?.25s?ease-out;
??}

??.row-offcanvas-right?{
????right:?0;
??}

??.row-offcanvas-left?{
????left:?0;
??}

??.row-offcanvas-right
??.sidebar-offcanvas?{
????right:?-50%;?/*?6?columns?*/
??}

??.row-offcanvas-left
??.sidebar-offcanvas?{
????left:?-50%;?/*?6?columns?*/
??}

??.row-offcanvas-right.active?{
????right:?50%;?/*?6?columns?*/
??}

??.row-offcanvas-left.active?{
????left:?50%;?/*?6?columns?*/
??}

??.sidebar-offcanvas?{
????position:?absolute;
????top:?0;
????width:?50%;?/*?6?columns?*/
??}
}