How to use bootstrap-rtl with custom version of bootstrap

[MahdiZareie]

I've got a custom build of twitter bootstrap with 16 columns and I'd like to know how to compile LESS files in order to produce 16-column version of bootstrap-rtl ?

[xitclub]

I have same issue, can author look into this question?

[morteza]

The RTL theme uses the same less/variables.less file provided by bootstrap project itself. So if you change the default grid values inside bootstrap/ folder, rtl version would turn into 16 columns too. No need to change any RTL variable.

Here are those variables you need to change (in bootstrap/less/variables.less):

//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

Change the @grid-columns of the bootstrap itself, and recompile RTL theme using npm install and grunt. That is all. However, I haven't checked yet if it works as expected. Let me know :-)