23.标记与巨幕

2024-04-27 15:14:03

字体：大中小

来源：转载

供稿：网友

<!doctype html><html><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> <link rel="stylesheet" href="CSS/bootstrap.css" /></head><body> <div class="container"> <div class="row"> <a href="#">未读标签<span class="badge">12</span></a> <button class="btn btn-info">未读标签<span class="badge">12</span></button> </div> </div> <div class="container"> <div class="jumbotron"> <h1>水果</h1> <p>苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄</p> </div> </div> <div class="jumbotron"> <div class="container"> <h1>水果</h1> <p>苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄苹果橘子梨葡萄</p> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script></body></html>

运行结果