第1行: |
第1行: |
| + | == 标题文本 == |
| <ul class="example-orbit" data-orbit> | | <ul class="example-orbit" data-orbit> |
| <li class="active"> | | <li class="active"> |
第19行: |
第20行: |
| </li> | | </li> |
| </ul> | | </ul> |
| + | == Grid == |
| + | <div class="row"> |
| + | <div class="small-2 large-4 columns">...</div> |
| + | <div class="small-4 large-4 columns">...</div> |
| + | <div class="small-6 large-4 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-3 columns">...</div> |
| + | <div class="large-6 columns">...</div> |
| + | <div class="large-3 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="small-6 large-2 columns">...</div> |
| + | <div class="small-6 large-8 columns">...</div> |
| + | <div class="small-12 large-2 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="small-3 columns">...</div> |
| + | <div class="small-9 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-4 columns">...</div> |
| + | <div class="large-8 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="small-6 large-5 columns">...</div> |
| + | <div class="small-6 large-7 columns">...</div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="large-6 columns">...</div> |
| + | <div class="large-6 columns">...</div> |
| + | </div> |
| + | == Tabs == |
| + | <ul class="tabs" data-tab> |
| + | <li class="tab-title active"><a href="#panel1">Tab 1</a></li> |
| + | <li class="tab-title"><a href="#panel2">Tab 2</a></li> |
| + | <li class="tab-title"><a href="#panel3">Tab 3</a></li> |
| + | <li class="tab-title"><a href="#panel4">Tab 4</a></li> |
| + | </ul> |
| + | <div class="tabs-content"> |
| + | <div class="content active" id="panel1"> |
| + | <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p> |
| + | </div> |
| + | <div class="content" id="panel2"> |
| + | <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p> |
| + | </div> |
| + | <div class="content" id="panel3"> |
| + | <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p> |
| + | </div> |
| + | <div class="content" id="panel4"> |
| + | <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p> |
| + | </div> |
| + | </div> |