2

次のようなコードを書かずに、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);
}

しかし、これは機能しません。どうしたの?

4

1 に答える 1

0

と を使ってみましたmakeRow()makeColumn?あなたはそのようにそれらを使用することができます:

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

以下は、LESS で Bootstrap mixins を使用する理由と方法を説明する素晴らしい記事です:リンク

于 2013-09-25T07:37:02.523 に答える