Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
Bootstrap source version is https://github.com/twitter/bootstrap/releases/v2.3.2
The three columns are displayed correctly only on low resolutions.
widowed.png: 1024x768 OK
fullscreen.png: 1600x1400 the third column is not shown correctly
If I use CDN is all ok...
Comment | File | Size | Author |
---|---|---|---|
fullscreen.png | 67.3 KB | nonzod | |
widowed.png | 209.09 KB | nonzod |
Comments
Comment #1
Jorge Navarro CreditAttribution: Jorge Navarro commentedI have the same problem. Sidebars are not displayed correctly. With Firebug I see that the problem comes from the percentages.
Comment #2
markhalliwellWell the issue doesn't lie with the Bootstrap project, moving to LESS.... even though it's probably not that either.
I'll go ahead and the same thing that Corey has said in the past with other similar issues:
The problem probably lies with the lessphp library not compiling the source correctly.
FWIW: I always use a local preprocessor to avoid the dependency on the LESS module (also helps reduce the amount of work the server has to do on cache clears btw).
Comment #3
markhalliwellPS, not dissing the LESS module, it has it's use-cases :) I love it and use it occasionally. Corey has done an amazing job!
Comment #4
nonzod CreditAttribution: nonzod commentedA workaround is using 16 columns:
variable.less
Comment #5
corey.aufang CreditAttribution: corey.aufang commentedI believe this is an issue with lessphp and its precision.
This is referenced here: https://github.com/leafo/lessphp/issues/422
I'm making a note here for documentation purposes.
This is one of the reasons that I opened #2003628: Add ability to use node.js version of LESS
Comment #6
markhalliwellFWIW, I updated the Bootstrap Sub-Theme Start Kit documentation to reflect this bug. Thanks @corey.aufang!
Comment #7
nonzod CreditAttribution: nonzod commentedThank you Mark and Corey, now I use less.js and compile less without problems.
Comment #8
glynster CreditAttribution: glynster commentedCare to share how you are pulling this into your Drupal theme?
Comment #9
nonzod CreditAttribution: nonzod commentedFollow the sub-theme documents.
The chosen method is the first one, "Method 1: Bootstrap Source Files", skip the section "IF USING THE LESS MODULE".
Compile the ./less/style.less with "lessc" command, lessc is a module for nodejs, to install lessc :
npm install -g less
now you can compile style.css with something like this
lessc <path_to_theme>/less/styles.less <path_to_theme>/css/styles.css
now styles.css is ready to use :)
Comment #10
corey.aufang CreditAttribution: corey.aufang commentedI've posted a patch to #2003628: Add ability to use node.js version of LESS.
This allows processing of less files to run through the official processor.
This patch does require that less for node.js is installed on the system.
It does not allow for the latest hook_functions functionality, but it does work with the variables perfectly.
Also, token support from within less code is out, but could be handled before the variables are passed in.
Comment #11
glynster CreditAttribution: glynster commentedThanks for the patch.
Was applied successfully.
But it seems the less.js files is not being picked up.
I have the less.js placed in libraries under a folder of less.
In your patch I did not see any other documentation, any ideas?
Comment #12
kiova CreditAttribution: kiova commentedThanks corey.
I applied the patch. I installed less on ubuntu and it works but i can not get it working with your patch and module...
What can be wrong?
Comment #13
corey.aufang CreditAttribution: corey.aufang commentedRight now you need to have less installed using NPM.
I did an update to that ticket #2003628-3: Add ability to use node.js version of LESS
Comment #13.0
corey.aufang CreditAttribution: corey.aufang commentedUpdated issue summary.
Comment #14
corey.aufang CreditAttribution: corey.aufang commentedA bunch of work was recently commited for #2003628: Add ability to use node.js version of LESS.
Also, there is a new PHP library for compiling LESS that is much closer to less.js in feature support that leafo/lessphp.
It can act as a drop in replacement for leafo/lessphp by following the directions here: http://lessphp.gpeasy.com/#integration-with-other-projects
Comment #15
corey.aufang CreditAttribution: corey.aufang commentedA note related to precision issues with leafo/lessphp has been added to the documentation.
Also, support for less.js has been added to 7.x-4.x which will be released soon. This allows for compilation using the canonical version of Less, and should resolve any precision issues.