Home Explore Help
Sign In
fgm
/
js__bootstrap_demos
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
js__bootstrap_d...
/
chapter3
/
04listgroup.html

04listgroup.html 1.9 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.   <title>Bootstrap list groups</title>
    5. 

  5.   <meta charset="utf-8"/>
    6. 

  6.   <meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge"/>
    7. 

  7.   <meta name="viewport" content="width=device-width, initial-scale=1"/>
    8. 

  8.   <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    9. 

  9.   <link rel="stylesheet" href="styles.css" />
    10. 

  10.   <!--[if lt IE 9]>
    11. 

  11.   <script src="../js/html5shiv.3-7-0.js"></script>
    12. 

  12.   <script src="../js/respond.1-4-2.min.js"></script>
    13. 

  13.   <![endif]-->
    14. 

  14. </head>
    15. 

  15. 

  16. <body>
    17. 

  17. <div class="container">
    18. 

  18.   <div class="page-header">
    19. 

  19.     <h1>Chapter 3
    20. 

  20.       <small>Exploring Bootstrap components</small>
    21. 

  21.     </h1>
    22. 

  22.   </div>
    23. 

  23. 

  24.   <ul class="list-group">
    25. 

  25.     <li class="list-group-item">Plain item<span class="badge">1</span></li>
    26. 

  26.     <li class="list-group-item list-group-item-success">Success<span class="badge">2</span></li>
    27. 

  27.     <li class="list-group-item list-group-item-info">Info<span class="badge">4</span></li>
    28. 

  28.     <li class="list-group-item list-group-item-warning">Warning<span class="badge">8</span></li>
    29. 

  29.     <li class="list-group-item list-group-item-danger">Danger<span class="badge">16</span></li>
    30. 

  30.   </ul>
    31. 

  31. 

  32.   <div class="list-group">
    33. 

  33.     <a href="#" class="list-group-item">
    34. 

  34.       <span class="badge">32</span>
    35. 

  35.       <h4 class="list-group-item-heading">Heading</h4>
    36. 

  36.       <span class="badge">64</span>
    37. 

  37.       <p class="list-group-item-text">Lorem ipsum sic amet, consectetur...</p>
    38. 

  38.     </a>
    39. 

  39.   </div>
    40. 

  40. 

  41.   <ul class="list-group">
    42. 

  42.     <li class="list-group-item">Plain item<span class="badge">128</span></li>
    43. 

  43.     <li class="list-group-item active">Plain item<span class="badge">256</span></li>
    44. 

  44.     <li class="list-group-item">Plain item<span class="badge">512</span></li>
    45. 

  45.     <li class="list-group-item">Plain item<span class="badge">1024</span></li>
    46. 

  46.   </ul>
    47. 

  47. </div>
    48. 

  48. 

  49. 

  50. <!-- https://ajax.googleapis.com/ajax/libs/jquery/1.11.1.jquery.min.js -->
    51. 

  51. <script src="../js/jquery-1.11.2.min.js"></script>
    52. 

  52. <script src="../js/bootstrap.js"></script>
    53. 

  53. </body>
    54. 

  54. </html>
    55.