Css 引导流行宽度

在bootstrap-responsive.css中

.row-fluid .span10{
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
}

---

我正在配置大小，但我很好奇它们是如何得出这些数字的，为什么精确到14位小数？

它们从三个值开始，可以由用户定义：

@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;

编辑：在Bootstrap 3.0+上，变量现在是：

@grid-columns
@grid-gutter-width
@grid-float-breakpoint   // the point at which the navbar stops collapsing

并计算固定行宽：

@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

然后它们会流动：

@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);

最后，生成所有跨度（这有点令人困惑）：

如您所见，除法和乘法的运算量较小

你自己看看吧：

---

回答很好。一个问题-在哪里可以修改“用户定义”值？我正在尝试在不手动调整百分比的情况下更新列之间的间距。找到了。您可以在此处自定义这些值，然后重新下载引导包-

.spanX (@index) when (@index > 0) {
  (~".span@{index}") { .span(@index); }
  .spanX(@index - 1);
}

.span (@columns) {
      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
}

.row-fluid {
  // generate .spanX and .offsetX
  .spanX (@gridColumns);
  .offsetX (@gridColumns);
}