主要问题是如何定制引导响应的css？我的代码部分工作，但我无法修复这种情况。很难解释，所以为了更好的理解，我在截图上做了可视化展示。
我在JSFIDDLE上发布了实际清理过的模板代码。
现在，当宽度大于1200像素时，列就可以了，这意味着它们是两个并排的span6列：
在1200px和980px之间的显示应该是：
小于979px，大于768px，在第一个导航栏Colapse上，我想在集装箱中心有类似的东西：
直到下一次收缩低于768px时，右栏已经跳转到新线，并在进一步降低到480px及以下时保持在新线。我认为下面的视图适用于移动设备，并且在窄桌面浏览器中的外观更好，但当“缩放”两列都不在中间时除外：
最小的宽度符合我的期望。
最佳答案
我不确定我是否正确理解你的问题，但你可以通过使用媒体查询自定义行为
// Landscape phones and down
@media (max-width: 480px) { ... }
// Landscape phone to portrait tablet
@media (max-width: 767px) { ... }
// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) { ... }
// Large desktop
@media (min-width: 1200px) { ... }
也许你需要覆盖一些类和id。可在Git上找到响应信息：
responsive.less
responsive-1200px-min.less
responsive-767px-max.less
responsive-768px-979px.less
responsive-navbar.less
responsive-utilities.less
尽管如此，只有在你真的需要的时候才能使用这些设置。