Фонд Учебники
Фонд развития отзывчивым HTML, CSS и JavaScript рамок.
Фонд является простым в использовании, мощный и гибкий каркас для создания веб-приложений на любом устройстве.
Фонд является популярным рамки для перемещения приоритет.
Онлайн примеры
Этот учебник содержит экземпляры сотни Foundation.
Вы можете воспользоваться нашим онлайн редактором и нажмите кнопку "Отправить Выполнить" кнопку, чтобы увидеть результаты:
Фонд Примеры
<Div класс = "строка">
<Div класс = "средний-12 колонн">
<Div класс = "панель">
<H1> Фонд Страница </ h1 >
<P> Изменение размера этой гибкой страницы , чтобы увидеть эффект! </ P>
<Тип Button = "кнопка" класс = "кнопка маленький"> I Like It! </ Button>
</ Div>
</ Div>
</ Div>
<Div класс = "строка">
<класс = "Див среднего 4 колонки">
<H3> Колонка 1 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
<класс = "Див среднего 4 колонки">
<H3> Колонка 2 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
<класс = "Див среднего 4 колонки">
<H3> Колонка 3 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
</ Div>
<Div класс = "средний-12 колонн">
<Div класс = "панель">
<H1> Фонд Страница </ h1 >
<P> Изменение размера этой гибкой страницы , чтобы увидеть эффект! </ P>
<Тип Button = "кнопка" класс = "кнопка маленький"> I Like It! </ Button>
</ Div>
</ Div>
</ Div>
<Div класс = "строка">
<класс = "Див среднего 4 колонки">
<H3> Колонка 1 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
<класс = "Див среднего 4 колонки">
<H3> Колонка 2 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
<класс = "Див среднего 4 колонки">
<H3> Колонка 3 </ h3 >
<P> Lorem Ipsum .. </ p>
</ Div>
</ Div>
Попробуйте »
Нажмите на кнопку "Try", чтобы просмотреть экземпляр онлайн.
характеристика Фонд
Чтобы продемонстрировать эти эффекты в IFrame тега, вы можете нажать кнопку "попробовать" для просмотра в Интернете примеры: