{"id":6550,"date":"2025-07-31T23:26:58","date_gmt":"2025-07-31T15:26:58","guid":{"rendered":"https:\/\/itoau.com\/?p=6550"},"modified":"2025-07-31T23:32:49","modified_gmt":"2025-07-31T15:32:49","slug":"bootstrap%e6%a0%b7%e5%bc%8f%e6%8e%a7%e5%88%b6%e7%b1%bb%e9%80%9f%e6%9f%a5%e8%a1%a8","status":"publish","type":"post","link":"https:\/\/itoau.com\/?p=6550","title":{"rendered":"Bootstrap\u6837\u5f0f\u63a7\u5236\u7c7b\u901f\u67e5\u8868"},"content":{"rendered":"<p>Bootstrap5.*\u4ee5\u4e0a\u7248\u672c\u9002\u7528<\/p>\n<table style=\"height: 2018px;\" width=\"984\">\n<tbody style=\"white-space: nowrap;\">\n<tr>\n<td width=\"68\">\u5206\u7c7b<\/td>\n<td width=\"286\">\u7c7b\u540d<\/td>\n<td width=\"369\">\u8bf4\u660e<\/td>\n<\/tr>\n<tr>\n<td>\u6805\u683c\u5e03\u5c40<\/td>\n<td>col, col-4, col-md-6<\/td>\n<td>\u54cd\u5e94\u5f0f\u5217\u5bbd\uff0c\u5360\u752812\u6805\u683c\u4e2d\u7684\u591a\u5c11\u683c<\/td>\n<\/tr>\n<tr>\n<td>\u6805\u683c\u5e03\u5c40<\/td>\n<td>row-cols-3, row-cols-lg-6<\/td>\n<td>\u6bcf\u884c\u81ea\u52a8\u751f\u6210\u6307\u5b9a\u6570\u91cf\u7684\u5217\uff08\u7b49\u5bbd\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u6805\u683c\u5e03\u5c40<\/td>\n<td>g-3, gx-2, gy-4<\/td>\n<td>\u6805\u683c\u95f4\u8ddd gap\uff0cg-\u4e3a\u4e0a\u4e0b\u5de6\u53f3\uff0cgx\u4e3a\u5de6\u53f3\uff0cgy\u4e3a\u4e0a\u4e0b<\/td>\n<\/tr>\n<tr>\n<td>\u5c3a\u5bf8\u63a7\u5236<\/td>\n<td>w-25, w-50, w-100<\/td>\n<td>\u5bbd\u5ea6\u5360\u7236\u5bb9\u5668\u7684\u767e\u5206\u6bd4<\/td>\n<\/tr>\n<tr>\n<td>\u5c3a\u5bf8\u63a7\u5236<\/td>\n<td>h-25, h-50, h-100<\/td>\n<td>\u9ad8\u5ea6\u5360\u7236\u5bb9\u5668\u7684\u767e\u5206\u6bd4<\/td>\n<\/tr>\n<tr>\n<td>\u5c3a\u5bf8\u63a7\u5236<\/td>\n<td>vw-100, vh-100<\/td>\n<td>\u5bbd\/\u9ad8\u5360\u89c6\u53e3 100%<\/td>\n<\/tr>\n<tr>\n<td>\u95f4\u8ddd\u63a7\u5236<\/td>\n<td>m-3, mt-2, ms-1, me-auto<\/td>\n<td>\u5916\u8fb9\u8ddd margin(t=\u4e0a,s=\u5de6,e=\u53f3,b=\u4e0b,x=\u5de6\u53f3,y=\u4e0a\u4e0b)<\/td>\n<\/tr>\n<tr>\n<td>\u95f4\u8ddd\u63a7\u5236<\/td>\n<td>p-3, px-2, pb-1<\/td>\n<td>\u5185\u8fb9\u8ddd padding<\/td>\n<\/tr>\n<tr>\n<td>\u5bf9\u9f50\u65b9\u5f0f<\/td>\n<td>d-flex, justify-content-center<\/td>\n<td>\u542f\u7528 Flex \u5e03\u5c40\u5e76\u6c34\u5e73\u5c45\u4e2d<\/td>\n<\/tr>\n<tr>\n<td>\u5bf9\u9f50\u65b9\u5f0f<\/td>\n<td>align-items-center<\/td>\n<td>Flex \u5b50\u9879\u5782\u76f4\u5c45\u4e2d<\/td>\n<\/tr>\n<tr>\n<td>\u6587\u5b57\u6837\u5f0f<\/td>\n<td>text-start, text-center, text-end<\/td>\n<td>\u6587\u5b57\u5de6\u4e2d\u53f3\u5bf9\u9f50<\/td>\n<\/tr>\n<tr>\n<td>\u6587\u5b57\u6837\u5f0f<\/td>\n<td>fs-1 ~ fs-6<\/td>\n<td>\u6587\u5b57\u5927\u5c0f\uff081\u6700\u5927\uff0c6\u6700\u5c0f\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u6587\u5b57\u6837\u5f0f<\/td>\n<td>fw-bold, fw-light<\/td>\n<td>\u5b57\u4f53\u7c97\u7ec6<\/td>\n<\/tr>\n<tr>\n<td>\u5916\u89c2\u4fee\u9970<\/td>\n<td>border, border-0, border-top<\/td>\n<td>\u6dfb\u52a0\u8fb9\u6846\u6216\u6307\u5b9a\u65b9\u5411\u8fb9\u6846<\/td>\n<\/tr>\n<tr>\n<td>\u5916\u89c2\u4fee\u9970<\/td>\n<td>rounded, rounded-circle<\/td>\n<td>\u5706\u89d2\u3001\u5706\u5f62<\/td>\n<\/tr>\n<tr>\n<td>\u5916\u89c2\u4fee\u9970<\/td>\n<td>shadow, shadow-sm<\/td>\n<td>\u6dfb\u52a0\u9634\u5f71\u6548\u679c<\/td>\n<\/tr>\n<tr>\n<td>\u54cd\u5e94\u663e\u793a<\/td>\n<td>d-none, d-block, d-md-none<\/td>\n<td>\u63a7\u5236\u663e\u793a\u9690\u85cf\uff08\u4e0d\u540c\u5c4f\u5e55\u54cd\u5e94\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u6309\u94ae<\/td>\n<td>btn, btn-primary, btn-outline-secondary<\/td>\n<td>Bootstrap \u6309\u94ae\u4e3b\u7c7b\u53ca\u4e0d\u540c\u98ce\u683c<\/td>\n<\/tr>\n<tr>\n<td>\u6309\u94ae<\/td>\n<td>btn-sm, btn-lg<\/td>\n<td>\u8bbe\u7f6e\u6309\u94ae\u5927\u5c0f<\/td>\n<\/tr>\n<tr>\n<td>\u6309\u94ae<\/td>\n<td>disabled, active<\/td>\n<td>\u6309\u94ae\u7981\u7528\u6216\u6fc0\u6d3b\u72b6\u6001<\/td>\n<\/tr>\n<tr>\n<td>\u989c\u8272<\/td>\n<td>text-primary, text-success, text-danger<\/td>\n<td>\u6587\u5b57\u989c\u8272\uff08\u4e3b\u9898\u8272\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u989c\u8272<\/td>\n<td>bg-primary, bg-warning, bg-light<\/td>\n<td>\u80cc\u666f\u989c\u8272\uff08\u4e3b\u9898\u8272\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u989c\u8272<\/td>\n<td>border-primary, border-danger<\/td>\n<td>\u8fb9\u6846\u989c\u8272<\/td>\n<\/tr>\n<tr>\n<td>\u8868\u5355<\/td>\n<td>form-control, form-select<\/td>\n<td>\u8f93\u5165\u6846\u3001\u4e0b\u62c9\u6846\u6837\u5f0f<\/td>\n<\/tr>\n<tr>\n<td>\u8868\u5355<\/td>\n<td>form-check, form-check-input<\/td>\n<td>\u590d\u9009\u6846\u3001\u5355\u9009\u6846\u6837\u5f0f<\/td>\n<\/tr>\n<tr>\n<td>\u8868\u5355<\/td>\n<td>form-label, form-text<\/td>\n<td>\u8868\u5355\u6807\u7b7e\u4e0e\u8bf4\u660e\u6587\u5b57<\/td>\n<\/tr>\n<tr>\n<td>\u54cd\u5e94\u5f0f\u7c7b<\/td>\n<td>col,col-sm,col-md,col-lg,col-xl,col-xxl<\/td>\n<td>\u9ed8\u8ba4,\u2265576px,\u2265768px,\u2265992px,\u22651200px,\u22651400px<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/itoau.com\/wp-content\/uploads\/2025\/07\/Bootstrap_\u6837\u5f0f\u63a7\u5236\u7c7b\u901f\u67e5\u8868.xlsx\">Bootstrap_\u6837\u5f0f\u63a7\u5236\u7c7b\u901f\u67e5\u8868<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap5.*\u4ee5\u4e0a\u7248\u672c\u9002\u7528 \u5206\u7c7b \u7c7b\u540d \u8bf4\u660e \u6805\u683c\u5e03\u5c40 col, col-4, col-md-6 \u54cd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[52,50],"tags":[],"class_list":["post-6550","post","type-post","status-publish","format-standard","hentry","category-52","category-50"],"_links":{"self":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6550"}],"version-history":[{"count":3,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6550\/revisions"}],"predecessor-version":[{"id":6554,"href":"https:\/\/itoau.com\/index.php?rest_route=\/wp\/v2\/posts\/6550\/revisions\/6554"}],"wp:attachment":[{"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itoau.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}