Mixing col bootstrap classes in less?
less, mixins, twitter-bootstrap
Solution
You should import the bootstrap.less file. For this download the full bootstrap project, and copy out the less folder. Then put the less folder in your project. Also make sure to add the less.js file to your project if you want to get your less compiled while your working. Look at `lesscss.org` for more information.
Example : custom.less
@import "../less/bootstrap.less";
section {
.make-row();
}
.left-navigation {
.make-sm-column(3);
}
.main-content {
.make-sm-column(9);
}
May be this will work for you.
Problem
If i do something like this in bootstrap, in html, all is working fine. ``` <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 content"> </div> ``` But problem goes when i want to nest bootstrap col class? How to mix col bootstrap classes in LESS or SASS, always i got undifined, must col be outside ``` .content { .make-lg-column(9); .make-md-column(9); .make-sm-column(9); .make-xs-column(9); } ```