在平板或者电脑上面想采用两栏式布局,但是放到手机上面后想不显示sidebar。
p.s: 因为两栏式的话在手机上面内容装不下,但自动浮动到下面就没有sidebar导航这个作用了。
<p class="container"">
<p class="row">
<p id="content" class="col-sm-6">
一些文字
</p>
<p id="sidebar" class="col-sm-offset-1 col-sm-5">
一些文字
</p>
</p><!-- /.row -->
</p><!-- /.container -->
伊谢尔伦2017-04-10 17:46:44
http://v3.bootcss.com/css/#re...
直接给那个sidebar
的dom加个hidden-xs
的class就搞定了。
大兄弟,多看文档啊。
高洛峰2017-04-10 17:46:44
使用媒体查询,判断当前视窗宽度在小于某个值(比如一般小于某个值就是平板或者手机视窗)的时候,隐藏siderbaer,举个例子:
@media screen and (max-width: 300px) {
p {
display:none;
}
}