刚进入Bootstrap 3并且想知道多个视口的类标签的最佳实践是什么。例如，只是为了抵消我的navbar-brand它看起来像下面似乎很乱（但我想这是关于Bootstrap的投诉之一）：
<div class="col-xl-11 col-xl-offset-1 col-lg-11 col-lg-offset-1 col-md-11 col-md-offset-1 col-sm-11 col-sm-offset-1 col-xs-11 col-xs-offset-1">
似乎有一种更好，更简洁的方法可以保留每个视口大小的动态元素。
答案 0 :(得分：2)
简单回答 - 首先考虑移动
<div class="col-xs-11 col-xs-offset-1">
与
相同-xs因此，首先应用从-lg较小尺寸开始的规则，然后转向-xs（或在您的情况下为xl）
示例
假设您想要移动-md上的全宽元素，桌面-lg上的3/4和<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
上的半宽。你应该想出的是
col-xs-12请注意，您没有定义-sm，因为默认情况下会为您设置。对于col-sm-12，在这种情况下，默认情况下也会mysql.server start设置
答案 1 :(得分：1)
您不需要为每个屏幕尺寸设置尺寸，只需1个用于移动设备，1个用于桌面尺寸，如果您真的想要，请为桌面使用2种不同的尺寸（如果这是您想要的）。
我可以给你的另一个提示是container-fluid
所以它会自动填充到父级大小