0

我一直在研究指南针，虽然玩和使用它是一件有趣的事情，但有一件事困扰着我（除了无法添加填充物，因为它破坏了网格），我如何嵌套列？

我希望能够做蓝图所做的事情：嵌套容器，比如说，我有一个 24 列的页面，分为两列（17 列和 7 列）。在该页面的右侧（有 7 列的那个），我想将一些元素分成两列（2 列和 5 列）。

我试过这个：

#main
  +container

  #main-content
    +column(17)
    +box-padding(17, 10px)
    :margin
    :right 0

  #sidebar
    +column(7, true)
    +box-padding(7, 10px)

这是主页的代码。侧边栏包含一个带有一些标签和输入字段的列表

li
  +container
  :margin
    :bottom 5px

label
  +column(2)
  :margin
    :right 0

input
  +column(5, true)

它有点工作，但检查 li 在 firebug 中显示它的宽度实际上是 950px 而不是只有 270px，因为它只有 7 列。我尝试在谷歌上搜索嵌套列，但似乎在指南针中找不到任何示例。我也尝试过 wiki 和文档，但无济于事。

4

1 回答 1

1

我认为问题的一部分（也许是整个问题？）是您已将containermixin应用于li. 该 mixin 将宽度定义为!blueprint_container_size默认值950px（但可以被覆盖）的值。删除它，你应该没事。容器旨在描绘整体，而不是整体中的部分。

于 2010-05-20T19:38:06.490 回答