Open In App

Foundation CSS Controls Complete Reference

Improve
Improve
Like Article
Like
Save
Share
Report

Foundation CSS is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Foundation CSS Controls use to create different types of switches, buttons, sliders, and translations and control them as requirements like coloring switches, sizing switches, range sliders, and many things you can do it.

Complete list of Foundation CSS Control are listed below:

Example:

HTML




<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Compressed CSS -->
    <link rel="stylesheet"
        href=
        crossorigin="anonymous">
</head>
<body>
<center>
    <h1 style="color:green;"> GeeksforGeeks </h1>
 
    <h3> Foundation CSS Button Basics </h3>
 
    <a href="#" class="button">
    GFG Button 1
    </a>
    <a href="#" class="button">
    GFG Button 2
    </a>
    <a href="#" class="button">
    GFG Button 3
    </a>   
    <a href="#" class="button">
    GFG Button 4
    </a>
    <center>
        <strong>Foundation CSS Switch</strong>
        <br/><br/>
        <div class="switch">
            <input class="switch-input"
                id="exampleSwitch"
                type="checkbox"
                name="exampleSwitch">
            <label class="switch-paddle"
                for="exampleSwitch">
            <span class="show-for-sr">GeeksforGeeks</span>
            </label>
        </div>
        </center>
</center>
</body>
</html>


Output:

 



Last Updated : 10 Jun, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads