Question

我有一个六列等级的容器（例如）。我希望容器内的元素计算它们的宽度，就像容器大小是12列一样。因此无论容器大小如何，内部元素都将其视为12列，并记住它们与容器成比例的宽度。

我没有更好的解释。希望有人理解我需要的东西

@Skelly：这是代码（例如）

<div class="container span6">     
    <div class="element span3"></div>
    <div class="element span9"></div>
</div>

你明白我的意思吗？我想自动计算元素的宽度，因为对于它们来说容器总是12列，即使它表示6

Answer 1

<div class="row">
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-1</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-2</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-3</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-4</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-5</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-6</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-7</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-8</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-9</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-10</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-11</div>
  <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">col-12</div>
</div>

上面的代码根据容器大小为您提供12列相同大小的列。

在mozilla firefox中使用 CTRL + SHIFT + M 并更改分辨率并进行检查。如果可能的话，为每个div提供颜色，并且可以更好地看待事物。

希望这能澄清你的问题。

更多信息：http://getbootstrap.com/css/以及示例。

根据容器计算引导类

1 个答案: