META-INF.resources.bower_components.isotope._posts.custom-layout-modes.2011-10-18-spine-align.html Maven / Gradle / Ivy

Go to download

---
title: Spine align
layout: default
category: custom-layout-modes
---


    Custom layout mode that aligns items to the center, placing them
        either left or right of the spine. gutterWidth option available.

    {% highlight javascript %}

    $container.isotope({
    layoutMode: 'spineAlign',
    spineAlign: {
    gutterWidth: 20
    },
    // options...
    });

    {% endhighlight %}

    To use this layout mode, grab the $.Isotope.prototype methods from the script at the bottom of this
        page's source.





    {% include filter-buttons.html %}

    {% include sort-buttons.html %}

    Etc

    
        Toggle variable sizes
        Insert new elements
        Append new elements
        Shuffle
    

 


    {% for elem_number in site.best_of_order %}
    {% assign element = site.elements[elem_number] %}
    {% include element-partial.html %}
    {% endfor %}