响应式要用CSS里的媒体查询单独来写 首先要了解一下基本的媒体查询的意思:
/* 小屏幕(平板,大于等于 768px)媒体查询的写法 */
@media (min-width: @screen-sm-min) { ... }
/* 中等屏幕(桌面显示器,大于等于 992px)媒体查询的写法 */
@media (min-width: @screen-md-min) { ... }
/* 大屏幕(大桌面显示器,大于等于 1200px)媒体查询的写法 */
@media (min-width: @screen-lg-min) { ... }
/*我们偶尔也会在媒体查询代码中包含 max-width
从而将 CSS 的影响限制在更小范围的屏幕大小之内。*/
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
上述功能了解之后,只要把想要实现的分辨率效果 写在不同的媒体查询里即可