Bootstrap ラベル label-danger スタイル
翻訳結果：
label
UK[ˈleɪbl] US[ˈleɪbl]
n. ラベル; マーク、シンボル; [構造] ドアまたは窓のモールディング
vt. ラベル付き; 参照する; リストする; [化学] 追跡するために放射性元素を使用する (元素や原子など)
危険
UK[ˈdeɪndʒə(r)] US[ˈdendʒɚ]
n. 危険; 危険な物体、脅威
Bootstrap ラベル label-danger スタイル構文
機能: 「危険」タイプの赤ラベル
Bootstrap ラベル label-danger スタイル例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>标签</h2> <p>.label 类放置在不同的元素中（自适应大小）:</p> <h1>标题 1 <span class="label label-danger">新</span></h1> <h3>标题 3 <span class="label label-danger">新</span></h3> <h5>标题 5 <span class="label label-danger">新</span></h5> <p>段落 <span class="label label-danger">新</span></p> </div> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します