<span class="glyphicon glyphicon-○○"></span>
<span class="glyphicon glyphicon-ok">
http://getbootstrap.com/components/#glyphicons
<span class="badge">バッジ</span>
※リストが表示されない場合
AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。
<!DOCTYPE html> <html lang="ja"> <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>Bootstrap</title> <script src="./js/jquery-3.1.1.min.js"></script> <script src="./js/bootstrap.min.js"></script> <link rel="stylesheet" href="./css/bootstrap.min.css"> <link rel="stylesheet" href="./css/bootstrap-theme.min.css"> </head> <body > <div class="container"> <div class="row"> <div class="col-md-12"> <div class="page-header"> <h1>コンテンツの表示</h1> <h2 >Badge</h2> </div> <div class="form-group"> <a href="#"><span class="glyphicon glyphicon-ok"></span> BadgeLink <span class="badge">7</span></a> </div> <div class="form-group"> <button class="btn btn-default"> <span class="glyphicon glyphicon-heart"></span> Click <span class="badge">ok</span></button> </div> <div class="form-group"> <button class="btn btn-default btn-primary"> <span class="glyphicon glyphicon-tags"></span> Click <span class="badge">ok</span></button> </div> <p><span class="glyphicon glyphicon-star"></span> this is <span class="badge">Badge</span> content.</p> </div> </div> </div> </body> </html>
<< 前へ |