源代碼
點擊運行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 實例 - 向列表組添加自定義內容</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="list-group"> <a href="#" class="list-group-item active"> <h4 class="list-group-item-heading"> 入門網站包 </h4> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading"> 免費域名注冊 </h4> <p class="list-group-item-text"> 您將通過網頁進行免費域名注冊。 </p> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading"> 24*7 支持 </h4> <p class="list-group-item-text"> 我們提供 24*7 支持。 </p> </a> </div> <div class="list-group"> <a href="#" class="list-group-item active"> <h4 class="list-group-item-heading"> 商務網站包 </h4> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading"> 免費域名注冊 </h4> <p class="list-group-item-text"> 您將通過網頁進行免費域名注冊。 </p> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">24*7 支持</h4> <p class="list-group-item-text">我們提供 24*7 支持。</p> </a> </div> </body> </html>
運行結果