当前响应式布局的原理是通过什么实现的，bootstrap中，手机，平板，pc电脑与大屏电

是通过栅格系统和媒体查询实现的

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

// 适用于栅格的流式布局

  
    ...
  

详见中文官网：http://v3.bootcss.com/css/#grid