html - RWD GridView 中的列(CSS 响应)

Question

我正在学习 CSS 并遇到了这个 lesson在 W3school .我很难理解在 GridView 中有这么多列类的目的是什么:

....
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
......

为什么两个div元素放在colulmn-3和colulmn-9里面，为什么其他的被跳过？

  <div class="col-3">
  <ul>
......
  </ul>
</div>

<div class="col-9">
.....

Answer 1

我试着解释一下。请访问this获取更多信息的网站。

GridView 在 99% 的情况下用于使网站响应。

行默认有 12 列。和 <div class="col-3">意味着 div 应该只使用 3 列 12。另一个 <div class="col-9">应该使用 9 列 12所以你哈哈 3 + 9 = 12 列。

希望对你有帮助。