2017年12月4日 星期一

bootstrap的容器container和container-fluid的不同


首先是打container如下圖程式所示。


會有如下的效果,隨著將視窗拖曳成不同的寬度,內文不一定充滿左右側(如下圖第三個圖的右側就沒填滿整個頁面),且會有個臨界點,也就是在拖曳一定寬度內內文是不會變的。這個點稱為分界點。





而若是程式改寫成container-fluid,如下所示。



則會不管拖曳視窗多寬多窄,內文都會"填滿"整個視窗,如下圖,這個例子故意用背景粉色來讓大家看得清楚。

視窗拉更寬

視窗拉得再更寬了

沒有留言:

張貼留言

Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法)

Cursor Auto-Run 完整指南:為什麼開啟卻不會自動執行? 🚀 Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法) Cursor 是目前最強大的 AI 程式...