如何使用Bootstrap和LESS创建流体布局？

Question

如何使用Bootstrap和LESS创建流体布局而不编写如下代码：

<div class="span12">

我尝试创建LESS代码并写下：

@import "bootstrap";

div#wrap {
  .container-fluid;
}
header {
  #grid > .fluid > .row-fluid;
}
div#logo {
  #grid > .fluid > .span(2);
}
nav {
  #grid > .fluid > .span(10);
}

但这不起作用。怎么了？

Answer 1

您是否尝试过使用makeRow()和makeColumn？ 你可以这样使用它们：

header {
  makeRow();
}
div#logo {
  makeColumn(2);
}
nav {
  makeColumn(10);
}

这是一篇很棒的文章，解释了为什么以及如何在LESS中使用Bootstrap mixins：link