I am trying out a rather new mutli-column grid jQuery plugin called Nested (http://suprb.com/apps/nested/) and am not used to setting the size parameters in percentages.
Here is the HTML:
<div id="container">
<div class="box">1</div> x5
</div>
Now, in the nested.js file,
$.Nested.settings = {
selector: '.box',
minWidth: 200,
minColumns: 1,
gutter: 1,
resizeToFit: true, // will resize block bigger than the gap
resizeToFitOptions: {
resizeAny: true // will resize any block to fit the gap
},
I want to change the "minWidth" to a percentage.
In this case, the container which contains .box
is 100%,
and I want it to always have 5 columns with each equal to at least 20% in width,
so that it fits in the 100%.
How can I accomplish this?