Bootstrap 分页.pdfVIP

Bootstrap 分页 在本章节中显示如何使⽤Bootstrap创建分⻚ （Pagination）。 分页通过将内容分成不同的页⾯来组织内容。 以下代码显⽰如何创建分页。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots link rel=stylesheet href=https://ma /boots script src=https://aja ./aja /libs/jquery/1.11.1/j script src=https://ma /bootstrap/3.3.1/js/bo style type=te t/css .bs-e ample{ margin: 20p ; } /style /head body div class=bs-e ample ul class=pagination lia href=#amp;laquo;/a/li lia href=#1/a/li lia href=#2/a/li lia href=#3/a/li lia href=#4/a/li lia href=#5/a/li lia href=#amp;raquo;/a/li /ul /div /body /html Disabled和Active状态的分页 分页⾥⾯的链接可以定 。 下⾯的代码显⽰了如何使⽤类 .disabled 来使链接不可点击，使⽤ .active 来 表⽰当前页⾯。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots link rel=stylesheet href=https://ma /boots script src=https://aja ./aja /libs/jquery/1.11.1/j script src=https://ma /bootstrap/3.3.1/js/bo style type=te t/css .bs-e ample{ margin: 20p ; } /style /head body div class=bs-e ample ul class=pagination li class=disableda href=#amp;laquo;/a/li li class=activea href=#1/a/li lia href=#2/a/li lia href=#3/a/li lia href=#4/a/li lia href=#5/a/li lia href=#amp;raquo;/a/li /ul /div /body /html 删除点击功能 .disabled 类仅显⽰已禁⽤的链接，并且不会删除点击功能。 要删除点击功能，可使⽤active或disabled的锚点与span交换。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots link rel=stylesheet href=https://ma /boots script src=https://aja ./aja /libs/jquery/1.11.1/j script src=https://ma /bootstrap/3.3.1/js/bo style type=te t/css .bs-e ample{ margin: 20p ; } /style /head body div class=bs-e ample ul class=pagination li class=disabledspanamp;laquo;/span/li li class=activespan1/span/li lia href=#2/a/li lia href=#3/a/li