javascript - boostrap怎么在移动端不显示sidebar？

问题描述

问 题

在平板或者电脑上面想采用两栏式布局，但是放到手机上面后想不显示sidebar。

p.s: 因为两栏式的话在手机上面内容装不下，但自动浮动到下面就没有sidebar导航这个作用了。

<div class="container"">
    <div class="row">

        <div id="content" class="col-sm-6">
        一些文字
        </div>

        <div id="sidebar" class="col-sm-offset-1 col-sm-5">
        一些文字
        
        </div>
    </div><!-- /.row -->

</div><!-- /.container -->

解决方案

http://v3.bootcss.com/css/#re...

直接给那个sidebar的dom加个hidden-xs的class就搞定了。

大兄弟，多看文档啊。

这篇关于javascript - boostrap怎么在移动端不显示sidebar？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！