compile returns error when using bootstrap

[gibbsonn]

steps to reproduce

• harp init test_app
• cd test_app
• bower install bootstrap
• harp compile

the compile outputs the error "variable @alert-padding is undefined"

[krrishd]

I've experienced the same issue. It's because bootstrap has its own LESS files, and Harp is trying to compile them as well. What I did is deleted all the LESS files from the Bootstrap folder, and everything was fine. Hope that helps!

[silentrob]

@krrishd your right, harp tries to compile everything. This fix is to rename the bootstrap folder to _bootstrap and included the main entry point bootstrap.less in your styles doc.

@sintaxi demos this in the getting started video, it is 14 min long but the key bit about bootstrap comes in a the 6min mark.

Hope that helps.

[kennethormandy]

We’re also experimenting with making this easier through Component. If you want to try it out, you could also:

npm install -g component
harp init test_app
cd test_app
component install harp/bootstrap

Now, in main.less, you can import the Bootstrap less files:

@import "components/harp-bootstrap/less/_bootstrap";

Or even just a portion of them:

@import "components/harp-bootstrap/less/_variables.less";
@import "components/harp-bootstrap/less/_mixins.less";
@import "components/harp-bootstrap/less/_grid.less";

And then you can run harp compile without errors and still get the benefits of using the uncompiled LESS files.

[kennethormandy]

Feel free to open a new issue if you’re still having problems with this.

[GeoffreyPlitt]

I'm using bower and hitting the same issue. I can't modify the bower_components because they are .gitignore'd. Please advise?

[kennethormandy]

@GeoffreyPlitt Looks like you’ve already pieced this together, but ideally it will be #312 or something like it.