基於父列的引導數

Question

有誰知道這是否可以通過引導混合來實現。

列（父級數）

像Neat一樣。

在整潔的專欄中，mixin的工作原理如下

@mixin span-columns($span, $display: block) { ... }

$ span可以是3或類似12之3

指定元素應跨越的列數。 如果選擇器是嵌套的，則其父元素的列數也應作為參數傳遞。

謝謝

Answer 1

當我很好地理解您的問題時，您應該閱讀更少的mixins和變量 。

您將在Bootstrap源代碼的less/mixins/grid.less文件中找到mixins來生成語義網格列。

要生成一個跨越3列的div，您應該使用例如：

div.three{
.make-xs-column(3);
}

注意這些混入的移動優先。 通過以上代碼， xs mixin生成CSS代碼，該代碼將應用於所有屏幕寬度（無需媒體查詢）。

使用時：

div.three{
.make-xs-column(6);
.make-sm-column(3);
}

你DIV將overspan為768個像素屏幕下方寬度6列（在xs網格）和768個像素以上3列，在sm電網及以上（顯式調用大電網混入不需要，除非你想overspan的差數列）。 在較大的網格之前啟動較小網格的混合很重要 ，另請參見： Bootstrap 3 mixin多個make-*-column