2017年12月4日 星期一

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


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


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





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



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

視窗拉更寬

視窗拉得再更寬了

沒有留言:

張貼留言

用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)

用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...