Skip to content

vasnakos/vasnakos.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

equalHeights

equalHeights is a jQuery plugin to make bootstrap pod-like elements to have the same height.

Use

First of all you have to include the css file inside <head> tag. <link rel="stylesheet" href="css/equal-height.css" />

Inlcude also the js file at the bottom of <body> and after jquery is incuded. <script src="js/equal-heights.js"></script>

In order to use equalheights with it's default options you simply have to add the class pods-container to the row element and the pod class to every column element. You'll also need to have a div with class content.

  <div class="row pods-container">
    <div class="pod col-md-3 col-sm-6">
        <div class="content">
            ...
        </div>
    </div>
    <div class="pod col-md-3 col-sm-6">
        <div class="content">
            ...
        </div>
    </div>
    <div class="pod col-md-3 col-sm-6">
        <div class="content">
            ...
        </div>
    </div>
    <div class="pod col-md-3 col-sm-6">
        <div class="content">
            ...
        </div>
    </div>
  </div>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published