Boostrap:https://getbootstrap.com/docs/5.3/layout/grid/ 六角學院：https://bootstrap5.hexschool.com/docs/5.0/getting-started/introduction/ # 嵌入 CSS https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css JS https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js css建議要嵌入在自己匯入的css前，這樣自己匯入的css才吃的到boostrap。js則是放body結束前，避免js出錯 ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap demo</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> </head> <body> <h1>Hello, world!</h1> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> </body> </html> ``` # 使用 排版:[https://hackmd.io/zDZ2eVytRm-r_uU-5MCV6Q](https://hackmd.io/zDZ2eVytRm-r_uU-5MCV6Q) 内容:[https://hackmd.io/UywS8DkrRSWSS9kdbrcXNg](https://hackmd.io/UywS8DkrRSWSS9kdbrcXNg)