.container { width:1170pxmax-width:none !important}这样的话页面就会固定布局，其他的不管你怎么调，只要都用bootstrap的样式class包含住就可以了！
至于你说的：“桌面浏览器上，显示为一行两列；如果是手机浏览器，则显示为两行一列。”，这是根据分辨率来判断的，如果你非要这样显示的话，我觉得可以这样 例如：@media (min-width: 768px) and (max-width: 991px) {.padding:5px...}里面写你要显示还是 隐藏，可以根据间距宽度调整或其他的，说的有点乱，不知道对你有没有帮助！
em是相对于当前对象内文本的字体尺寸，不会随浏览器大小变化而变化，比如你设置了body { font-size: 12px} 那么其它元素字体设置1.5em，那么元素字体就会相对12px进行增大。
