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

Question

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

Answer 1

我自己查了一下，发现可以用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) { ... }

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