Skip to content
Related Articles

Related Articles

Foundation CSS Plugins Complete Reference

Improve Article
Save Article
  • Last Updated : 12 May, 2022
Improve Article
Save Article

Foundation CSS Plugins contain lots of features and every feature has unique behavior The Smooth Scroll enables scrolling to the specific section within the webpage without refreshing. 

Complete list Foundation CSS Plugins are listed below:

Below example will give you a brief idea about the Plugins of Foundation CSS:

Example:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        Foundation CSS Equalizer Equalize By Row
    </title>
    <link rel="stylesheet" href=
        crossorigin="anonymous">
    <script src=
    </script>
    <script src=
        crossorigin="anonymous">
    </script>
  
    <style>
        body {
            padding: 0 100px;
        }
    </style>
</head>
  
<body>
    <h2 style="color: green;">
        GeeksforGeeks
    </h2>
      
    <h4>Foundation CSS Equalizer Equalize By Row</h4>
      
    <div class="grid-x grid-margin-x" data-equalizer
        data-equalize-by-row="true">
        <div class="cell medium-8">
            <div class="callout" data-equalizer-watch>
                <img src=
            </div>
        </div>
      
        <div class="cell medium-4">
            <div class="callout" data-equalizer-watch>
                <p>
                    This article in on the Equalizer
                    Component of Foundation CSS. It
                    is published in GeeksforGeeks
                    Platform.
                </p>
  
            </div>
        </div>
  
        <div class="cell medium-4">
            <div class="callout" data-equalizer-watch>
                <img src=
            </div>
        </div>
    </div>
  
    <script>
        $(document).foundation();
    </script>
</body>
  
</html>


Output:

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!