超歡樂的 Bootstrap 4 的問與達
昨天在線上問答的時候
有同學問到一些問題
大部分能現場回答的我都回答了
有些小地方我更正一下
順便下週回饋給同學
⭐⭐ Grid 能不能不要有 gutter
昨天我回復是建議不要移除
如果有小一些的可以使用 form-row
不過後來才想起來文件其實有提到這段
課程結束後立馬去翻,恩
我真的忘了有 .no-gutters (挺)
這邊也提供第四版三種 grid gutter 給大家看看
https://codepen.io/Wcc723/pen/pWPEJG
⭐⭐ justify-content
justify-content 的屬性其實不只 BS4 的五個
其中還有一個是 space-evenly 目前支援度還沒有很完整
所以 BS 團隊還沒有加入此屬性
相關文件可以參考
https://css-tricks.com/almanac/properties/j/justify-content/
(As of our latest July 2017 update, `justify-content: space-evenly;` only works in Firefox.)
另外我自己是比較喜歡用 margin auto 推啦 (遮臉
⭐⭐ Flex 有很多人在用了嗎?
已經多到滿出來囉
隨便打開一個國外網站
檢查原始碼查看 CSS
搜尋 flex, justify-content 等常見的 flex 屬性
你會發現佔據你大多時間的網站都已經再用 Flex 囉
(Google, Facebook, Youtube 等等)
其實 Flex 還有許多排版方式
昨天我是介紹實作中最常使用到的方法
另外他的許多觀念會延伸到 CSS Grid Layout
趁著這次課程,順便記一記吧~
昨日的 Sass include Bootstrap 介紹影片
https://youtu.be/efEBKRQhNlc
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「css justify-content」的推薦目錄:
- 關於css justify-content 在 卡斯伯 Facebook 的最佳解答
- 關於css justify-content 在 コバにゃんチャンネル Youtube 的最佳貼文
- 關於css justify-content 在 大象中醫 Youtube 的精選貼文
- 關於css justify-content 在 大象中醫 Youtube 的精選貼文
- 關於css justify-content 在 圖解Flexbox 基本屬性| Summer。桑莫。夏天 的評價
- 關於css justify-content 在 Controlling the amount of space in justify-content - Stack ... 的評價
- 關於css justify-content 在 Intro to CSS Flexbox - Justify Content - YouTube 的評價
- 關於css justify-content 在 justify-content: flex-end and overflow: auto don't play along #53 的評價
css justify-content 在 Controlling the amount of space in justify-content - Stack ... 的推薦與評價
... <看更多>
css justify-content 在 Intro to CSS Flexbox - Justify Content - YouTube 的推薦與評價
![影片讀取中](/images/youtube.png)
The justify-content property automatically assigns space between and around flex items along the main-axis ... ... <看更多>
css justify-content 在 圖解Flexbox 基本屬性| Summer。桑莫。夏天 的推薦與評價
圖解Flexbox 基本屬性. 04 Apr 2017. flexbox css. 主軸和交叉軸. flexbox 基本上都是靠主軸(main axis) 和 ... 圖解Flexbox 基本屬性- justify-content: flex-start. ... <看更多>