bootstrap - “手机端与PC端导航栏不同”限制条件的书写

问题描述

问 题

Bootstraps想要手机端与PC端导航栏不同，这个限制条件应该怎么写呢？不太会用。。。。

解决方案

我自己查了一下，发现可以用Bootstrap的@media通过css进行限制
/ 超小屏幕（手机，小于 768px） /
/ 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） /

/ 小屏幕（平板，大于等于 768px） /
@media (min-width: @screen-sm-min) { ... }

/ 中等屏幕（桌面显示器，大于等于 992px） /
@media (min-width: @screen-md-min) { ... }

/ 大屏幕（大桌面显示器，大于等于 1200px） /
@media (min-width: @screen-lg-min) { ... }

希望对同样困惑的人有所帮助

这篇关于bootstrap - “手机端与PC端导航栏不同”限制条件的书写的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！