boostrap怎么在移动端不显示sidebar?-PHP Chinese Network Q&A
boostrap怎么在移动端不显示sidebar?
高洛峰
高洛峰 2016-11-14 10:37:30
0
2
1067

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

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

一些文字


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all (2)
学霸

使用媒体查询,判断当前视窗宽度在小于某个值(比如一般小于某个值就是平板或者手机视窗)的时候,隐藏siderbaer,举个例子:

@media screen and (max-width: 300px) { div { display:none; }

}

    三叔

    v3.bootcss.com/css/#responsive-utilities-classes

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

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!