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

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

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

一些文字

阿神
阿神

闭关修行中......

모든 응답 (2)
伊谢尔伦

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

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

大兄弟,多看文档啊。

    小葫芦

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

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

    }

      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿
      회사 소개 부인 성명 Sitemap
      PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!