多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區(qū)平臺 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2

foundation教程

Foundation 網(wǎng)格 - 小型設(shè)備

閱讀 (2144)

Foundation 網(wǎng)格 - 小型設(shè)備

假設(shè)我們在小型設(shè)備上有一個簡單的網(wǎng)格布局,兩列,寬度比例為 25% 和 75%。

提示: 小型設(shè)備的定義是屏幕小于 40.0625em

小型設(shè)備上我們使用 .small-* 類。

<div class="small-3 columns">....</div>
<div class="small-9 columns">....</div>

以下實例設(shè)置了兩個列,比例為 25% 和 75% (Foundation 是移動優(yōu)先: 如果沒有特別說明,在大型設(shè)備上會繼承 .small 類的代碼):.small in them and use those".

實例

<div class="row">
  <div class="small-3columns" style="background-color:yellow;">
    <p>W3Cschool在線教程</p>
  </div>
  <div class="small-9columns" style="background-color:pink;">
    <p>W3Cschool在線教程</p>
  </div>
</div>

嘗試一下 ?
Note 注意: 要保證數(shù)列加起來是 12 列!

如果需要設(shè)置 33.3%/66.6% 的比例,你可以使用 .small-4.small-8:

實例

<div class="row">
  <div class="small-4columns" style="background-color:yellow;">
    <p>W3Cschool在線教程</p>
  </div>
  <div class="small-8columns" style="background-color:pink;">
    <p>W3Cschool在線教程</p>
  </div>
</div>

嘗試一下 ?
關(guān)閉
程序員人生
主站蜘蛛池模板: 欧美国产精品主播一区 | 亚洲日韩第一页 | 亚洲最大色网站 | 精品国产一区二区三区免费 | 亚洲激情校园春色 | 日韩免费 | 国产最新精品2020好看的 | 久久做| 国产zzzwww在线观看 | 国产亚洲综合视频 | 久久精品国产欧美日韩亚洲 | 国产成人久久精品二区三区牛 | 波多野吉衣 免费一区 | 亚洲精品欧美精品中文字幕 | 亚洲网站免费观看 | 国产精品视频流白浆免费视频 | 精品国产91久久久久久久 | 国产乱码一区二区三区 | 草β好视频 | 2020国产v亚洲v天堂高清 | 天天天狠天天透天天制色 | 稀缺资源呦视频在线网站 | 国产福利片在线观看 | 成人欧美在线 | 欧洲乱码专区一区二区三区四区 | 在线观看欧美精品 | 另类一区二区 | 欧美网站色 | 欧美freevedio| 国产成人毛片亚洲精品不卡 | 国产xxxxx| 激情综合亚洲欧美日韩 | 片免费观看网站视频 | 久久久一区二区三区不卡 | 亚洲高清在线视频 | 欧美成人一区二区三区不卡视频 | 久久精品一区二区三区日韩 | 69网址| 国产香蕉97碰碰久久人人 | 免费网站看v片在线观看 | tube44欧美|