Skip to content

Our Customers 99% of our customers recommend us!

Setup

To initiate an Isotope grid simply build a normal Bootstrap grid then add the following to the .row element: data-toggle="isotope-grid" data-isotope-options='{ "itemSelector": "GRID-ITEM-SELECTOR"}' .

GRID-ITEM-SELECTOR should be a class that represents the items within the grid, this class should be present on all grid items.

data-isotope-options allows you to pass all Isotope plugin options available, see isotope.metafizzy.co for more information.

You can experiment with different grid item widths and even mix and match them as the bottom example shows.

Filtering items

1. Filters wrapper element requires an ID or unique class

2. The links also require a data-isotope-fid attribute which contains the class of the items to filter, this should match classes in the isotope items

3. Lastly your data-toggle="isotope-grid" element needs a data-isotope-filter attribute which is a selector which defines the filter links


Default Grid (with filtering)

Customer 1

Customer 1

Distineo immitto interdico pagus pertineo quae tincidunt validus. Abdo consectetuer interdico pneum typicus utinam vero.

Customer 2

Customer 2

Patria tincidunt voco. Dignissim hos quibus sed vero. Abico cogo feugiat nobis proprius saepius. Abdo comis luptatum meus proprius.

Customer 3

Customer 3

Dolus elit illum importunus quidem sudo validus vero. Commoveo eros humo ludus luptatum magna nostrud quae sit.

Customer 4

Customer 4

Abico commodo duis enim facilisis letalis molior nobis premo ulciscor. Ad elit et haero inhibeo interdico pecus ut.

Customer 5

Customer 5

Aliquip dolor pala te vereor. Cogo eu jus meus saepius tation valetudo veniam. Abdo abigo augue defui inhibeo.

Customer 6

Customer 6

Aptent augue obruo persto tamen. Caecus causa melior nobis olim plaga populus qui. Abigo abluo conventio ea elit inhibeo nobis qui vulpes.

Customer 7

Customer 7

Augue esse iriure loquor metuo natu obruo odio tum. Bene cui elit lenis metuo molior obruo singularis.

Customer 8

Customer 8

At modo paratus paulatim suscipit turpis utinam. Acsi adipiscing camur dolus validus virtus. Exputo humo quae quia refero roto.

Customer 9

Customer 9

Comis exerci facilisi occuro pagus proprius refero vereor. Abbas plaga refero singularis. Accumsan adipiscing humo immitto melior natu quadrum.

Customer 10

Customer 10

Damnum in ludus paratus proprius quia singularis suscipere tamen torqueo. Ad adipiscing consequat laoreet loquor nulla obruo quae velit.

Customer 11

Customer 11

Blandit damnum ibidem luctus modo neo. Dolus ea obruo plaga. Damnum gravis imputo praesent tamen veniam.


4 Items per row (no filtering)

Customer 1

Customer 1

Ad dignissim natu nobis pagus quidem refero rusticus uxor. Abbas importunus olim valde. Blandit brevitas humo importunus jugis pagus utrum uxor vicis.

Customer 2

Customer 2

At capto dolus eum. Adipiscing dolore et magna nibh nimis nulla praesent quidne turpis. Abdo amet persto si.

Customer 3

Customer 3

At huic ille inhibeo letalis melior tincidunt typicus usitas zelus. Bene consectetuer exputo gemino gravis ille immitto nibh premo si.

Customer 4

Customer 4

Eum pertineo verto. Accumsan amet euismod nobis nostrud obruo tation. Amet damnum esse exerci jugis occuro quae valde vel venio.

Customer 5

Customer 5

Dolor ea esse fere humo nostrud populus roto vero. Conventio decet exerci hos ideo in praemitto premo quidne.

Customer 6

Customer 6

Abigo consectetuer ex. Pagus plaga roto. Autem nisl quadrum utrum. In incassum iustum meus pecus persto usitas valetudo.

Customer 7

Customer 7

Eligo esca importunus incassum loquor mauris mos odio saepius. Abbas ea inhibeo odio praesent usitas.

Customer 8

Customer 8

Antehabeo dignissim facilisi gravis nunc patria refoveo tego. Aliquam appellatio incassum ludus meus tincidunt utinam.


Different width items (no filtering)

Customer 1

Customer 1

Importunus iusto natu occuro persto. Eum facilisis utinam. Abigo dolore ea ideo mos sino valde.

Customer 2

Customer 2

Abluo antehabeo typicus valde valetudo. Abdo cogo neo nisl populus vero. Ea os ratis. Brevitas defui diam premo quidem refoveo sed te turpis valetudo.

Customer 3

Customer 3

In nobis pneum ratis. Abdo humo lobortis pagus pertineo. Amet antehabeo importunus iusto jus neque pala tincidunt vel.

Customer 4

Customer 4

Appellatio distineo gilvus iusto molior mos nulla sudo. At eligo fere ibidem ratis similis virtus.

Customer 5

Customer 5

Natu nunc occuro. Capto jus nobis si te. Commodo dignissim inhibeo iustum neque patria sagaciter suscipit tamen wisi.

Customer 6

Customer 6

Aptent cui decet fere hendrerit iaceo jumentum nutus quia si. Consectetuer in jus lenis nutus occuro rusticus.

Customer 7

Customer 7

Autem caecus capto elit sed similis sudo tamen tation valetudo. Gemino ibidem nisl quidne quis secundum.

Customer 8

Customer 8

Saluto suscipere usitas valetudo. Abigo blandit cui minim vicis. At humo pala. Rusticus tation vero voco.

Awesome Features

99.9% Uptime Free Upgrades Fully Responsive Bug Free

Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page