LESS Issue Extending Cols

[ci2014]

Hello everyone

I found out that the following code won't work in the LESS package of Bootstrap v3.2.0.

.main-col {
  &:extend(.col-md-16 all);

  border-right: 1px solid lighten(@gray, 33%);
  padding-right: 40px !important;
}

.sidebar-col {
  &:extend(.col-md-6 all);

  padding-left: 40px !important;
}

The classes are just not getting extended. There is no error message. I have tested it with less.js.

Any suggestions?

Thank you in advance.

[cvrebert]

You'll want to use the .make-md-col() mixin instead:

bootstrap/less/mixins/grid.less

Line 69 in c6c8093

.make-md-column(@columns; @gutter: @grid-gutter-width) {

You can't :extend .col-md-6 etc. because of how those classes are dynamically generated. This may change in Bootstrap v4.
As for why Less doesn't produce any error, you'd have to ask the Less project folks about that.