{"id":169531,"date":"2020-01-14T10:15:58","date_gmt":"2020-01-14T02:15:58","guid":{"rendered":"https:\/\/lrxjmw.cn\/?p=169531"},"modified":"2020-01-07T13:17:21","modified_gmt":"2020-01-07T05:17:21","slug":"how-to-add","status":"publish","type":"post","link":"https:\/\/lrxjmw.cn\/how-to-add.html","title":{"rendered":"\u5982\u4f55\u4f7f\u7528 Bootstrap class \u5411\u6309\u94ae\u6dfb\u52a0\u4e0b\u62c9\u83dc\u5355"},"content":{"rendered":"\n\n\n
\u5bfc\u8bfb<\/td>\n\u5982\u9700\u5411\u6309\u94ae\u6dfb\u52a0\u4e0b\u62c9\u83dc\u5355\uff0c\u53ea\u9700\u8981\u7b80\u5355\u5730\u5728\u5728\u4e00\u4e2a .btn-group \u4e2d\u653e\u7f6e\u6309\u94ae\u548c\u4e0b\u62c9\u83dc\u5355\u5373\u53ef\u3002\u4e5f\u53ef\u4ee5\u4f7f\u7528 <\/span> \u6765\u6307\u793a\u6309\u94ae\u4f5c\u4e3a\u4e0b\u62c9\u83dc\u5355\u3002<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\"\"<\/p>\n

\u4e0b\u9762\u7684\u5b9e\u4f8b\u6f14\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u7684\u7b80\u5355\u7684\u6309\u94ae\u4e0b\u62c9\u83dc\u5355\uff1a<\/p>\n

<<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-default dropdown-toggle<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u9ed8\u8ba4\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-primary dropdown-toggle<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u539f\u59cb\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span><\/div><\/pre>\n

\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a>
\n\u7ed3\u679c\u5982\u4e0b\u6240\u793a\uff1a
\n\"\"<\/p>\n

\u5206\u5272\u7684\u6309\u94ae\u4e0b\u62c9\u83dc\u5355<\/strong><\/div>\n

\u5206\u5272\u7684\u6309\u94ae\u4e0b\u62c9\u83dc\u5355\u4f7f\u7528\u4e0e\u4e0b\u62c9\u83dc\u5355\u6309\u94ae\u5927\u81f4\u76f8\u540c\u7684\u6837\u5f0f\uff0c\u4f46\u662f\u5bf9\u4e0b\u62c9\u83dc\u5355\u6dfb\u52a0\u4e86\u539f\u59cb\u7684\u529f\u80fd\u3002\u5206\u5272\u6309\u94ae\u7684\u5de6\u8fb9\u662f\u539f\u59cb\u7684\u529f\u80fd\uff0c\u53f3\u8fb9\u662f\u663e\u793a\u4e0b\u62c9\u83dc\u5355\u7684\u5207\u6362\u3002<\/p>\n

\u5b9e\u4f8b<\/strong><\/p>\n

<<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-default<\/span>\"<\/span>><\/span>\u9ed8\u8ba4<\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-default dropdown-toggle<\/span>\"<\/span> \r\n <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>sr-only<\/span>\"<\/span>><\/span>\u5207\u6362\u4e0b\u62c9\u83dc\u5355<\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-primary<\/span>\"<\/span>><\/span>\u539f\u59cb<\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-primary dropdown-toggle<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>sr-only<\/span>\"<\/span>><\/span>\u5207\u6362\u4e0b\u62c9\u83dc\u5355<\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span><\/div><\/pre>\n
\u6309\u94ae\u4e0b\u62c9\u83dc\u5355\u7684\u5927\u5c0f<\/strong><\/div>\n

\u60a8\u53ef\u4ee5\u4f7f\u7528\u5e26\u6709\u5404\u79cd\u5927\u5c0f\u6309\u94ae\u7684\u4e0b\u62c9\u83dc\u5355\uff1a.btn-lg\u3001.btn-sm \u6216 .btn-xs\u3002
\n\u5b9e\u4f8b<\/strong><\/p>\n

<<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-default dropdown-toggle btn-lg<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u9ed8\u8ba4\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-primary dropdown-toggle btn-sm<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u539f\u59cb\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-success dropdown-toggle btn-xs<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u6210\u529f\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span><\/div><\/pre>\n
\u6309\u94ae\u4e0a\u62c9\u83dc\u5355<\/strong><\/div>\n

\u83dc\u5355\u4e5f\u53ef\u4ee5\u5f80\u4e0a\u62c9\u4f38\u7684\uff0c\u53ea\u9700\u8981\u7b80\u5355\u5730\u5411\u7236 .btn-group \u5bb9\u5668\u6dfb\u52a0 .dropup \u5373\u53ef\u3002<\/p>\n

\u5b9e\u4f8b<\/strong><\/p>\n

<<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>row<\/span>\"<\/span> <\/span>style<\/span>=<\/span>\"<\/span>margin-left:50px; margin-top:200px<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group dropup<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-default dropdown-toggle<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u9ed8\u8ba4\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n <\/span><\/<\/span>div<\/span>><\/span>\r\n <\/span><<\/span>div<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn-group dropup<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>button<\/span> <\/span>type<\/span>=<\/span>\"<\/span>button<\/span>\"<\/span> <\/span>class<\/span>=<\/span>\"<\/span>btn btn-primary dropdown-toggle<\/span>\"<\/span> <\/span>data-toggle<\/span>=<\/span>\"<\/span>dropdown<\/span>\"<\/span>><\/span>\u539f\u59cb\r\n <\/span><<\/span>span<\/span> <\/span>class<\/span>=<\/span>\"<\/span>caret<\/span>\"<\/span>><\/span><\/<\/span>span<\/span>><\/span>\r\n <\/span><\/<\/span>button<\/span>><\/span>\r\n <\/span><<\/span>ul<\/span> <\/span>class<\/span>=<\/span>\"<\/span>dropdown-menu<\/span>\"<\/span> <\/span>role<\/span>=<\/span>\"<\/span>menu<\/span>\"<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u53e6\u4e00\u4e2a\u529f\u80fd<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5176\u4ed6<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span> <\/span>class<\/span>=<\/span>\"<\/span>divider<\/span>\"<\/span>><\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>li<\/span>><\/span>\r\n <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#<\/span>\"<\/span>><\/span>\u5206\u79bb\u7684\u94fe\u63a5<\/span><\/<\/span>a<\/span>><\/span>\r\n <\/span><\/<\/span>li<\/span>><\/span>\r\n <\/span><\/<\/span>ul<\/span>><\/span>\r\n <\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><\/<\/span>div<\/span>><\/span><\/div><\/pre>\n

\u4e0b\u9762\u7684\u5b9e\u4f8b\u6f14\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u7684\u7b80\u5355\u7684\u6309\u94ae\u4e0b\u62c9\u83dc\u5355\uff1a <div class=”btn-group”> & […]<\/p>\n","protected":false},"author":321,"featured_media":169541,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[],"class_list":["post-169531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thread"],"acf":[],"_links":{"self":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/169531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/users\/321"}],"replies":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/comments?post=169531"}],"version-history":[{"count":2,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/169531\/revisions"}],"predecessor-version":[{"id":169547,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/169531\/revisions\/169547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media\/169541"}],"wp:attachment":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media?parent=169531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/categories?post=169531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/tags?post=169531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a>
\n\u7ed3\u679c\u5982\u4e0b\u6240\u793a\uff1a
\n\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a>
\n\u7ed3\u679c\u5982\u4e0b\u6240\u793a\uff1a
\n\"\"<\/p>\n

\u5c1d\u8bd5\u4e00\u4e0b \u00bb<\/a>
\n\u7ed3\u679c\u5982\u4e0b\u6240\u793a\uff1a
\n\"\"<\/p>\n