零基礎學Bootstrap5佈局：響應式網格實戰指南

Bootstrap5是流行的前端框架，核心功能是響應式網格系統，可適配手機、平板、電腦等設備。安裝只需通過CDN引入CSS和JS文件。其網格系統基於“容器→行→列”三層結構：容器（container）居中並適配屏幕寬度，行（row）處理水平佈局，列（col）劃分寬度，將頁面分爲12列。 列的類名格式爲`col-<斷點>-<佔比>`，斷點包括xs（<576px）、sm（≥576px）等5種，佔比爲12列中的份數（如col-md-4表示中等屏幕佔4列）。實戰中可實現不同設備下的佈局變化，如手機1列、平板2列、電腦3列。此外，Bootstrap提供文本居中、背景色、邊距等輔助類，快速美化頁面。核心是12列布局+斷點適配，通過類名即可實現響應式，無需重複寫CSS，適合零基礎快速構建網頁。