欄column (下)筆記Day -3

suihsilan

響應式欄位的應用方式

  • 永遠保持以行動優先為主！！！！
  • 行動版 xs:2欄 /12-> 平板 md:3大欄 /12-> 桌面版 xl：4大欄 /12

    See the Pen Untitled by Sui Hsilan (@sui-hsialn) on CodePen.

例子二

  • 行動版單欄，當有其他col中斷點時可不加入以下不需要寫.col-12不用寫

    See the Pen Untitled by Sui Hsilan (@sui-hsialn) on CodePen.

推移 offset

  • 目前大多會透過 flex 特性推移，offset-1就是推移一個column 但這個運用情境較少


suihsilan

你可能感興趣的文章

陣列原型方法：map()、find()、filter()、some()、every()、sort()

陣列原型方法：map()、find()、filter()、some()、every()、sort()

 ralphhong5465
This is shell script for example code

This is shell script for example code

 coray0715
用現成的套件建置 react 環境遇到的問題

用現成的套件建置 react 環境遇到的問題

 Christy



留言討論