UNPKG

foundation-sites-5

Version:

**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**

github.com/zurb/foundation

zurb/foundation

31 lines • 2.09 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="row display"> <div class="small-2 large-4 columns"><span class="hide-for-large-up">2</span><span class="show-for-large-up">4</span></div> <div class="small-4 large-4 columns">4</div> <div class="small-6 large-4 columns"><span class="hide-for-large-up">6</span><span class="show-for-large-up">4</span></div> </div> <div class="row display"> <div class="large-3 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">3</span></div> <div class="large-6 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">6</span></div> <div class="large-3 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">3</span></div> </div> <div class="row display"> <div class="small-6 large-2 columns"><span class="hide-for-large-up">6</span><span class="show-for-large-up">2</span></div> <div class="small-6 large-8 columns"><span class="hide-for-large-up">6</span><span class="show-for-large-up">8</span></div> <div class="small-12 large-2 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">2</span></div> </div> <div class="row display"> <div class="small-3 columns">3</div> <div class="small-9 columns">9</div> </div> <div class="row display"> <div class="large-4 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">4</span></div> <div class="large-8 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">8</span></div> </div> <div class="row display"> <div class="small-6 large-5 columns"><span class="hide-for-large-up">6</span><span class="show-for-large-up">5</span></div> <div class="small-6 large-7 columns"><span class="hide-for-large-up">6</span><span class="show-for-large-up">7</span></div> </div> <div class="row display"> <div class="large-6 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">6</span></div> <div class="large-6 columns"><span class="hide-for-large-up">full</span><span class="show-for-large-up">6</span></div> </div>