javascript - boostrap怎么在移动端不显示sidebar?
阿神
阿神 2017-04-10 17:44:44
0
2
484

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

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

一些文字

阿神
阿神

闭关修行中......

reply all (2)
伊谢尔伦

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

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

大兄弟,多看文档啊。

    小葫芦

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

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

    }

      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!