Cannot compile Twitter Bootstrap core and responsive into one file?

Question

We have an override file for twitter bootstrap,

It begins with

@import "../less/bootstrap.less";
@import "../less/responsive.less";

The issue with this is that, when both the bootstrap.less and responsive.less are imported into one file we end up with the grid not lining up, basically it totals over 100% causing the items to float onto the next line.

If we don't import them together, and just import the bootstrap.less and then do another file with responsive.less it works fine.

What's up with that?

Bootstrap 2.3.1
Compiler: lessPHP 0.3.9 (2.3.1 compatible)

Is there any way around this, or must I use two separate files?

Scott Simpson · Accepted Answer · 2013-03-05 12:22:50Z

2

Add repsonsive.less to the end of your bootstrap.less file. Like this:

...
// Utility classes
@import "utilities.less"; // Has to be last to override when necessary
@import "responsive.less"; //

answered Mar 5, 2013 at 12:22

Scott Simpson

3,8503 gold badges30 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot compile Twitter Bootstrap core and responsive into one file?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related