.make-XX-column() with custom width

[achtan]

now i cant create custom grid column width because the function definition is:

.make-sm-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
  padding-left:  (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-sm-min) {
    float: left;
    width: percentage((@columns / @grid-columns));
  }
}

solution with no BC's can look like this:

.make-sm-column(@columns; @gutter: @grid-gutter-width) {
  .make-sm-column-with-width(percentage((@columns / @grid-columns)), @gutter);
}

.make-sm-column-with-width(@width, @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
  padding-left:  (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-sm-min) {
    float: left;
    width: @width;
  }
}

(and so on for other devices xs, md...)

i am new here... is this a good approach? or am i missing something ?

[cvrebert]

Bootstrap's grid system design is based on proportional-width columns, with N columns per row.
The normal way to customize it isn't to directly set a column width like that.

[achtan]

yes, mostly i can live with that, but sometimes i need split row into 11 columns and than split for 15 and so on...

so imho this can by really helpful

[cvrebert]

Duplicate of #13965 then.