Foundation输入框尺寸使用网格的列来设置输入框的大小，如.large-6,.medium-6,等。更多网格系统知识，可以点击网格系统教程。实例form> divclass="row"> divclass="large-10medium-7columns"> label>large-10medium-7(100%onsmall) inputtype="text"placeholder="Name"> /label> /div> /div> divclass="row"> divclass="small-5columns"> label>sm
Foundation输入框尺寸使用网格的列来设置输入框的大小，如.large-6,.medium-6,等。更多网格系统知识，可以点击网格系统教程。实例form> divclass="row"> divclass="large-10medium-7columns"> label>large-10medium-7(100%onsmall) inputtype="text"placeholder="Name"> /label> /div> /div> divclass="row"> divclass="small-5columns"> label>sm
Foundation表单Foundation表单控制会自动设置为全局样式:所有,及元素宽度都为100%，且带有外边距、内边距、阴影和鼠标移动效果。实例 form> Input: inputtype="text"placeholder="Name"> Textarea: textarea rows="4"placeholder="Address">/textarea> Select: select> option>1/option> option>2/option> option>3/option> option>4/option> /select> /form>尝试一下»标
Foundation表单Foundation表单控制会自动设置为全局样式:所有,及元素宽度都为100%，且带有外边距、内边距、阴影和鼠标移动效果。实例 form> Input: inputtype="text"placeholder="Name"> Textarea: textarea rows="4"placeholder="Address">/textarea> Select: select> option>1/option> option>2/option> option>3/option> option>4/option> /select> /form>尝试一下»标
Foundation麦哲伦（Magellan）导航如何创建麦哲伦导航麦哲伦导航就是一个导航索引，创建方式如下:实例divdata-magellan-expedition="fixed"> dlclass="sub-nav"> dddata-magellan-arrival="page1">ahref="#page1">Page1/a>/dd> dddata-magellan-arrival="page2">ahref="#page2">Page2/a>/dd> /dl>/div>h3data-magellan-destination="page1">Page1/h3>aname="pa
Foundation麦哲伦（Magellan）导航如何创建麦哲伦导航麦哲伦导航就是一个导航索引，创建方式如下:实例divdata-magellan-expedition="fixed"> dlclass="sub-nav"> dddata-magellan-arrival="page1">ahref="#page1">Page1/a>/dd> dddata-magellan-arrival="page2">ahref="#page2">Page2/a>/dd> /dl>/div>h3data-magellan-destination="page1">Page1/h3>aname="pa
Foundation滑动导航(Off-Canvas)侧边栏导航Off-Canvas滑动导航现在逐渐在移动页面变得越来越流行了(点击菜单按钮菜单从左侧滑出):创建滑动导航创建滑动导航实例如下：实例 divclass="off-canvas-wrap" data-offcanvas> divclass="inner-wrap"> navclass="tab-bar"> section class="left-small"> a class="left-off-canvas-togglemenu-icon"href="#">span>/span>/a> /sec
Foundation滑动导航(Off-Canvas)侧边栏导航Off-Canvas滑动导航现在逐渐在移动页面变得越来越流行了(点击菜单按钮菜单从左侧滑出):创建滑动导航创建滑动导航实例如下：实例 divclass="off-canvas-wrap" data-offcanvas> divclass="inner-wrap"> navclass="tab-bar"> section class="left-small"> a class="left-off-canvas-togglemenu-icon"href="#">span>/span>/a> /sec
Foundation侧边栏侧边栏导航Foundation使用创建侧边栏:实例 ulclass="side-nav"> li>ahref="#">Link1/a>/li> li>ahref="#">Link2/a>/li> li>ahref="#">Link3/a>/li> li>ahref="#">Link4/a>/li>/ul>尝试一下»激活链接与分割线已点击的链接可以在上使用.active类来标识，使用.divider类添加水平分割线：实例 ulclass="side-nav"> liclass="active">aclass="a"href="#">Link 1/a>/li> li>
Foundation侧边栏侧边栏导航Foundation使用创建侧边栏:实例 ulclass="side-nav"> li>ahref="#">Link1/a>/li> li>ahref="#">Link2/a>/li> li>ahref="#">Link3/a>/li> li>ahref="#">Link4/a>/li>/ul>尝试一下»激活链接与分割线已点击的链接可以在上使用.active类来标识，使用.divider类添加水平分割线：实例 ulclass="side-nav"> liclass="active">aclass="a"href="#">Link 1/a>/li> li>
