Foundation is used to develop responsive HTML, CSS and JavaScript frameworks.
Foundation is an easy-to-use, powerful and flexible framework for building Web applications based on any device.
Foundation is a popular framework that gives priority to mobile. The rookie tutorial contains hundreds of Foundation instances. You can directly use our online editor and click the “submit run” button to view the results: Click the “try” button to view an online example. The following effect is a demonstration in the iframe tab. You can click “try” to view an online example: 8.1.1. Online instance ¶
Foundation instance ¶
<divclass="row"><divclass="medium-12
columns"><divclass="panel"><h1>Foundation
页面</h1><p>重置窗口大小，查看效果！</p><buttontype="button"class="button
small">我是按钮!</button></div></div></div><divclass="row"><divclass="medium-4
columns"><h3>菜鸟教程</h3><p>学的不仅是技术，更是梦想！！！</p></div><divclass="medium-4
columns"><h3>菜鸟教程</h3><p>学的不仅是技术，更是梦想！！！</p></div><divclass="medium-4
columns"><h3>菜鸟教程</h3><p>学的不仅是技术，更是梦想！！！</p></div></div>
8.1.2. Foundation characteristics ¶
8.1.3. Button ¶
8.1.4. Form: ¶
8.1.5. Picture pop-up window: ¶
8.1.6. Warning: ¶
8.1.7. Grid: ¶
8.1.8. Progress bar: ¶
8.1.9. Panel: ¶
8.1.10. Drop-down menu: ¶
8.1.11. Accordion effect: ¶
8.1.12. Top navigation: ¶
8.1.13. Mode box: ¶
8.1.14. Switch: ¶
8.1.15. Slider: ¶