BootStrap-CSS樣式_佈局元件_標籤
阿新 • • 發佈：2019-01-01
Bootstrap 標籤：標籤可用於計數、提示或頁面上其他的標記顯示，使用 class .label 來顯示標籤
label：標籤，在不同容器中顯示不同大小
label-default：預設標籤
label-primary：主要標籤
label-success：成功標籤
label-info：資訊標籤
label-warning：警告標籤
abel-danger：危險標籤
程式碼例項：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>標籤</title> <link rel="stylesheet" href="../css/bootstrap.min.css"> </head> <body style="padding:50px;"> <!-- label：標籤，在不同容器中顯示不同大小 label-default：預設標籤 label-primary：主要標籤 label-success：成功標籤 label-info：資訊標籤 label-warning：警告標籤 abel-danger：危險標籤 --> <div class="container" style="padding:20px"> <h1>Example Heading<span class="label label-default">Label</span></h1> <h2>Example Heading<span class="label label-default">Label</span></h2> <h3>Example Heading<span class="label label-default">Label</span></h3> <h4>Example Heading<span class="label label-default">Label</span></h4> </div> <div class="container" style="padding:20px"> <h2><span class="label label-default">預設標籤</span></h2> <span class="label label-primary">主要標籤</span> <span class="label label-success">成功標籤</span> <span class="label label-info">資訊標籤</span> <span class="label label-warning">警告標籤</span> <span class="label label-danger">危險標籤</span> </div> <script src="../js/jquery-1.11.1.min.js"></script> <script src="../js/bootstrap.min.js"></script> </body> </html>
顯示效果：
