Foundation Chinese Manual

Read(19178) update time(2022-04-14)

"Foundation Development Manual" is the latest official online reference manual of Foundation. foundation is a free front-end framework. In this foundation document, you will learn to use foundation to create responsive web pages.


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 on any device. Foundation is a popular mobile-first framework.

Foundation is the most popular HTML, CSS and JS framework abroad, used to develop responsive layout and mobile device-first WEB projects.

Tips: Before you start learning Foundation, you should be familiar with HTML, CSS , JavaScript Knowledge has a basic understanding.

Foundation is an open source front-end framework that we can use to quickly create page prototypes. Compared with other tools of the same type, Foundation's mobile solutions are better; drawing on the ideas and methods of responsive web design, Foundation has corresponding presets for the presentation of content structures in different types of devices.

Let’s experience the first Foundation instance!

The first Foundation instance

Instance

<div class="row">
  <div class="medium-12 columns">
    <div class="panel">
      <h1>Foundation Page</h1>
      <p>Resize this responsive page to see the effect!</p>
      <button type="button" class="button small" >I Like It!</button>
    </div>
  </div>
</div>

<div class="row">
  <div class="medium-4 columns">
    <h3>Column 1</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 2</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 3</h3>
    <p>Lorem ipsum..</p>
  </div>
</div>

Run instance»

Click "Run instance" " button to view online examples

# Tips: Our Foundation tutorials will help you learn Foundation knowledge from beginner to advanced. If you have any questions, please go to the PHP Chinese website Foundation Community to ask your questions, and enthusiastic netizens will answer them for you.

Foundation makes front-end development faster and easier. All developers and designers can get started quickly, all devices can be adapted, and all projects are applicable.

  • Responsive website

Foundation can help you quickly create a responsive website, it provides you with a large number of HTML, CSS and JavaScript components and functions; you can also customize extended functions for different projects.

  • Email

The email framework can be connected to any third-party email platform and can help you create responsive HTML emails more quickly .

Content covered by this Foundation tutorial manual

This Foundation tutorial covers all Foundation basic and advanced knowledge, including Foundation text, Foundation table, Foundation button, Foundation icon, Foundation label, Foundation panel, Introduction to knowledge about Foundation forms, Foundation modal boxes, etc.

Tips: Each chapter of this tutorial contains many Foundation examples. You can directly click the "Run Example" button to view the results online. These examples will help you better understand and use Foundation.

Latest chapter


Foundation 均衡器 2016-10-19
Foundation Joyride 2016-10-19
Foundation 模态框 2016-10-19
Foundation 提示框 2016-10-19
Foundation 滑块 2016-10-19
Foundation 开关 2016-10-19
Foundation 输入框尺寸 2016-10-19
Foundation 表单 2016-10-19