Posted By

Aguayoapps on 04/30/15


Tagged

pagination


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

JeffSFO


paging structure


 / Published in: HTML
 

paging structure , reference bootstrap

  1. <meta charset="utf-8">
  2. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  3. <meta name="viewport" content="width=device-width, initial-scale=1">
  4. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  5. <link rel="stylesheet" type="text/css" href="css/styles.css">
  6. <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  8. <script src="js/modernizer.custom.js"></script>
  9. <script src="js/bootstrap.min.js"></script>
  10. <title>Plantilla menu</title>
  11. </head>
  12. <footer>
  13. <div class="container">
  14. <div class="container-inner">
  15. <nav>
  16. <ul class="pagination">
  17. <li>
  18. <a href="#" aria-label="Previous">
  19. <span aria-hidden="true">&laquo;</span>
  20. </a>
  21. </li>
  22. <li><a href="#">1</a></li>
  23. <li><a href="#">2</a></li>
  24. <li><a href="#">3</a></li>
  25. <li><a href="#">4</a></li>
  26. <li><a href="#">5</a></li>
  27. <li>
  28. <a href="#" aria-label="Next">
  29. <span aria-hidden="true">&raquo;</span>
  30. </a>
  31. </li>
  32. </ul>
  33. </nav>
  34. </div>
  35. </div>
  36. </footer>
  37. </body>
  38. </html>

Report this snippet  

You need to login to post a comment.