如何控制Bootstrap 3流体宽度

Question

如何更好地控制Bootstrap 3如何缩放col宽度。

让我们举例说，我使用以下代码创建了两列：

   <div class="xs-col-6"></div>
   <div class="xs-col-6"></div>

当我重新调整窗口大小时，我希望第一列占据80％的空间，而右边的占用20％的空间。我怎么能这样做？

这就是我的尝试：

    <div class="xs-col-6" style="width:80%;"></div>
    <div class="xs-col-6" style="width:20%;"></div>

Answer 1

使用bootstrap你可以使用列，它们是12，所以你可以使用它（9 + 3 = 12）：

<div class="col-xs-9"></div>
<div class="col-xs-3"></div>

另外，根据col-sm-*，col-md-*和col-lg-*的设备尺寸，您可以有不同的行为。 像这样：

<div class="col-xs-12 col-sm-9 col-md-6"></div>
<div class="col-xs-12 col-sm-3 col-md-6"></div>

如果你想覆盖bootstrap css，你可以，但也许你需要将!important添加到你的css属性