Posts about Foundation5
Foundation Sliding Navigation (Off-Canvas)
May 04, 2021 12:00 0 Comment Foundation5
Foundation Sliding Navigation (Off-Canvas), Foundation Sliding Navigation (Off-Canvas), Sidebar navigation, Create a sliding navigation, Foundation Sliding Navigation (Off-Canvas), Sidebar navigation, Off-Canvas sliding navigation is becoming increasingly popular on mobile pages (click
Foundation sidebar
May 04, 2021 12:00 0 Comment Foundation5
Foundation sidebar, Foundation sidebar, Sidebar navigation, The sidebar in the grid, Foundation sidebar, Sidebar navigation, Foundation creates sidebars using, <ul class="side-nav">, Instance, <, ul, class=, "side-nav", >, <, li, >, <,
The navigation bar at the top of the Foundation
May 04, 2021 12:00 0 Comment Foundation5
The navigation bar at the top of the Foundation, The navigation bar at the top of the Foundation, 导航栏的下拉菜单, 下拉菜单标签, Buttons and icons on the navigation bar, Pin the navigation bar, The navigation bar is absolutely positioned, The navigation bar at the top of the Foundation, The top navigation bar is placed at the head of the page:, Instance, <, nav, class=, "top-bar", data-
Foundation price list
May 04, 2021 12:00 0 Comment Foundation5
Foundation price list, Foundation price list, The price list grid, Foundation price list, Price lists can be used to showcase enterprise products:, Instance, <, ul, class=, "pricing-table", >, <, li, class=, "title",
Foundation tab
May 04, 2021 12:00 0 Comment Foundation5
Foundation tab, Foundation tab, Vertical tab, Switch tabs, Tab fades in, Foundation tab, Tab navigation is a great way to present different content and toggle content., Tabs are created using the, <ul class="tabs" data-tab>
The Foundation list
May 04, 2021 12:00 0 Comment Foundation5
The Foundation list, The Foundation list, List menu, The Foundation list, In HTML, the example of a, <ul>, is as follows:, <, Ul, >, <, li, >, List item, <, /li, >, <, li, >, List item, <, /li, >, <, li,
Foundation collapses the list
May 04, 2021 12:00 0 Comment Foundation5
Accordion effect, Accordion effect, Foundation collapses the list, You can use collapsed lists when you want to hide the display of parts of content., Instance, <, ul, class=, "accordion
Foundation enters the box size
May 04, 2021 13:00 0 Comment Foundation5
Foundation enters the box size, Foundation enters the box size, 相等大小列, 内联标签, Front and rear labels, Foundation enters the box size, Use grid columns to set the size of input boxes,, .large-6, .medium-6, and so on., For more knowledge of grid systems,
Foundation switch
May 04, 2021 13:00 0 Comment Foundation5
Foundation switch, Foundation switch, Switch size, Fillet switch, Switch group, Foundation switch, The switch is switched in the "On" and "Off" states with a mouse click (finger tap):, The switch is, <div class="switch">, <div>, o
Foundation slider
May 04, 2021 13:00 0 Comment Foundation5
Foundation slider, Foundation slider, 圆角和禁用滑块, 垂直滑块, The slider value, Foundation slider, The Foundation slider allows the user to drag to select interval values:, The slider can be created by using the, <div class="range
Foundation prompt box
May 04, 2021 13:00 0 Comment Foundation5
Foundation prompt box, Foundation prompt box, The prompt box shows where, Fillet prompt box, Foundation prompt box, The prompt box appears when the mouse moves over the element:, We can add the, data-tooltip, any element to create a hint. U, s
Foundation modal box
May 04, 2021 13:00 0 Comment Foundation5
Foundation modal box, Foundation modal box, Modal box size, Inline modal boxes, Foundation modal box, The modal box is a marble window that appears at the head of the page., We can use a unique ID on a container element (e.g.,, <d
Foundation Joyride
May 04, 2021 13:00 0 Comment Foundation5
Foundation Joyride, Foundation Joyride, Foundation Joyride, Joyride is a JavaScript effect of a feature wizard that creates an example as follows:, Instance, <!-- Elements that control the t
Foundation equalizer
May 04, 2021 13:00 0 Comment Foundation5
Foundation Equalizer, Foundation Equalizer, Equalizer for different screens, Nested content, Foundation Equalizer, We can add the, data-equalizer, the container element and, data-equalizer-watch, property to each child element to create an equ
Foundation grid system
May 04, 2021 13:00 0 Comment Foundation5
Foundation grid system, Foundation grid system, Grid columns, The basic grid structure, Grid options, Widescreen, Foundation grid system, The Foundation grid system is 12 columns., If you don't need 12 columns, you can merge some columns to create some columns tha