Additional CSS, Less, and Bootstrap Mixin

Our site pulls a block of HTML from another site. That HTML does not use bootstrap classes. So I’d like to use Less’s import and mixins functionality to make their divs act like bootstrap.

In microcosm, I’d like to use Bootstrap’s .make-md-column mixin.

So, in my additional CSS I do an import, like so:

@import (reference) “https://raw.githubusercontent.com/twbs/bootstrap/910400e8979f43d7d329edcaa29add03acb3d48b/less/bootstrap.less”;

And then try to use the mixin, like so:

.theirClassName {
.make-md-column(6);
}

But it doesn’t work. I can make this work stand-alone using client-side Less. So there’s something either in Wordpress of the theme that’s causing problems. Any help appreciated.

Hi,

You can’t add less files like that, shapely is based on bootstrap only so you can use all the bootstrap classes.

Let us know,

Thanks,
laranz.