bootstrap中響應式佈局涉及到的一個很重要的容器—grid,依靠強大的media來選擇性的使用已設定的樣式(sm-手機,md-電腦平板,lg-大螢幕)。響應式佈局還涉及到畫素大小，如rem和rpx：
rem是由w3c設計的，是根據根元素（root element，html）的字型大小計算,bootstrap已使用rem
rpx是為微信小程式設計的，原則是把螢幕等分成750份，每一份的大小即是1rpx。

以上兩種方式均可實現適配不同螢幕尺寸。

微信小程式中暫時無法使用bootstrap的媒體功能，但替代方案是使用微信官方推出的rpx。

為方便簡單記憶，通常單位轉換關係可約等於如下：
1rem = 16px

微信小程式中對rem的轉換較特殊，1rem = 螢幕寬度/20，即一般1rem = 40px

一句話抽象描述畫素大小順序：rpx—>px—>rem