• Stars
    star
    247
  • Rank 163,585 (Top 4 %)
  • Language
    JavaScript
  • Created over 12 years ago
  • Updated over 12 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

rucksack.js arranges your elements into a proper beautiful arrangement in a given width constraint.

Rucksack

Rucksack is a jquery plugin to arrange elements that can fit in the given width. It relies on the knapsack algorithm.

Usage:

$('#container').rucksack({
    width: 'width to fit in. defaults to 960px',
    class: 'class name to be given to the div that will contain the elements of one row. defaults to rucksack'
})

Example

Here's a working example by @omgmog

http://jsfiddle.net/vXbCY/

Another example by ctcherry

http://jsfiddle.net/URMuA/

Contributors:

  1. gauravsc