在平板或者电脑上面想采用两栏式布局，但是放到手机上面后想不显示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 -->
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
使用媒体查询，判断当前视窗宽度在小于某个值(比如一般小于某个值就是平板或者手机视窗)的时候，隐藏siderbaer,举个例子:
@media screen and (max-width: 300px) { div { display:none; }}
v3.bootcss.com/css/#responsive-utilities-classes
直接给那个sidebar的dom加个hidden-xs的class就搞定了。