This is an old revision of the document!
Im Allgemeinen schenken sich die Frameworks nicht mehr viel. Gerade mit Version 4 holt Bootstrap auf. Foundation ist aber immer einen Tick aktueller und bietet ein paar Funktionen mehr als Bootstrap.
Foundation | Bootstrap | |
---|---|---|
Responsive Media | ✔ | ✘ |
RTL support ootb | ✔ | ✘ |
Tour | ✔ | ✘ |
Badges/Labels | ✔ | ✘ |
Icons | Foundation Icons | ✘ |
SCSS Support | ✔ | ✔ |
Animation | MotionUI | keine |
Es gibt 3 Möglichkeiten Foundation zu installieren:
Allgemein:
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Foundation Starter Template</title> <!-- STYLES EINBINDEN --> <link rel="stylesheet" href="css/foundation.css" /> </head> <body> <h1>Hello, world!</h1> <!-- JAVASCRIPT EINBINDEN --> <script src="js/vendor/jquery.min.js"></script> <script src="js/vendor/what-input.min.js"></script> <script src="js/foundation.min.js"></script> <!-- FOUNDATION "EINSCHALTEN" --> <script> $(document).foundation(); </script> </body> </html>
… wollte ich folgendes zeigen: