5
在引導-responsive.css引導流體行寬
.row-fluid .span10{
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
我配置的大小,但很好奇,他們是如何得出這些數字,他們爲什麼精確到14位小數?
在引導-responsive.css引導流體行寬
.row-fluid .span10{
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
我配置的大小,但很好奇,他們是如何得出這些數字,他們爲什麼精確到14位小數?
他們開始與三個值,可以是用戶定義的:
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
編輯:上引導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);
而且finaly,產生所有的跨度(這是一個有點混亂):
.spanX (@index) when (@index > 0) {
(~"[email protected]{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);
}
正如你看到的,更不是在分裂和乘法。
看到它自己:
尼斯響應。一個問題 - 你可以在哪裏修改'用戶定義'值?我試圖更新列之間的間距,而無需手動調整百分比。 – Blake
找到了。您可以在此自定義值,然後重新下載引導程序包。 - http://getbootstrap.com/2.3.2/customize.html – Blake