dsh-swiss-grid:在 DSH 裏算版心網格並出印刷級海報
dsh-swiss-grid 爲 DeepSeek Harness 提供 swiss-grid-design 技能,將 Müller-Brockmann 網格方法提煉爲可執行規則與零依賴 Python 工具:grid_calculator 計算版心/欄/基線/字號階梯,poster_builder 生成帶網格校樣的 A 系海報 PDF,verify_print_pdf 校驗 TrimBox 與字體。支持從 GitHub 以 dsh plugin --profile desktop add 安裝,對話中可用 /swiss-grid-design。需 Python 3.10+ 與 Edge/Chromium 出 PDF;MIT 許可,社區維護。
閱讀全文零基礎學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,適合零基礎快速構建網頁。
閱讀全文