扫码关注官方订阅号
在平板或者电脑上面想采用两栏式布局，但是放到手机上面后想不显示sidebar。
p.s: 因为两栏式的话在手机上面内容装不下，但自动浮动到下面就没有sidebar导航这个作用了。
一些文字
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
使用媒体查询，判断当前视窗宽度在小于某个值(比如一般小于某个值就是平板或者手机视窗)的时候，隐藏siderbaer,举个例子:
@media screen and (max-width: 300px) { div { display:none; }
}
v3.bootcss.com/css/#responsive-utilities-classes
直接给那个sidebar的dom加个hidden-xs的class就搞定了。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
2
1487
收藏
使用媒体查询，判断当前视窗宽度在小于某个值(比如一般小于某个值就是平板或者手机视窗)的时候，隐藏siderbaer,举个例子:
@media screen and (max-width: 300px) { div { display:none; }}
v3.bootcss.com/css/#responsive-utilities-classes
直接给那个sidebar的dom加个hidden-xs的class就搞定了。