最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。
If your web page has a lot of content, you need to use paging.
To create a basic paging feature, you need to use the It can be found in the If you need to set a page that is not clickable, you need to use the In the first and last one We can add to the < ul > outer layer Breadcrumb navigation is used to show the navigation structure of the current page. In Subnavigation is very useful when it comes to page switching. In Add to the element
.pagination Class: 8.17.1. Example ¶
<ul class="pagination"> <li><a href="#">1a>li> <li><a href="#">2a>li> <li><a href="#">3a>li> <li><a href="#">4a>li> <li><a href="#">5a>li> ul>
Current page ¶
Plus .current Class to label the current page: 8.17.2. Example ¶
<ul class="pagination"> <li class="current"><a href="#">1a>li> <li><a href="#">2a>li> <li><a href="#">3a>li> <li><a href="#">4a>li> <li><a href="#">5a>li> ul>
Disable paging ¶
.unavailable Class: 8.17.3. Example ¶
<ul class="pagination"> <li><a href="#">1a>li> <li><a href="#">2a>li> <li class="unavailable"><a href="#">3a>li> <li><a href="#">4a>li> <li><a href="#">5a>li> ul>
Paging direction ¶
Add on the element .arrow Class inserts HTML entity symbols « And » To create a paging direction symbol: 8.17.4. Example ¶
<ul class="pagination"> <li class="arrow"><a href="#">«a>li> <li><a href="#">1a>li> <li><a href="#">2a>li> <li><a href="#">3a>li> <li><a href="#">4a>li> <li><a href="#">5a>li> <li class="arrow"><a href="#">»a>li> ul>
Page centered display ¶
Element and in the Add on .pagination-centered Class to achieve paging centered display: 8.17.5. Example ¶
<div class="pagination-centered"> <ul class="pagination"> <li class="arrow"><a href="#">«a>li> <li class="current"><a href="#">1a>li> <li><a href="#">2a>li> <li><a href="#">3a>li> <li><a href="#">4a>li> <li><a href="#">5a>li> <li class="arrow"><a href="#">»a>li> ul> div>
Bread crumb navigation ¶
Add on the element
.breadcrumbs Class to implement bread crumb navigation. You can add it on < li >. .current Or .unavailable Class to set the current page and unclickable effects: 8.17.6. Example ¶
<ul class="breadcrumbs"> <li><a href="#">Homea>li> <li><a href="#">Privatea>li> <li class="unavailable"><a href="#">Picturesa>li> <li class="current">Vacationli> ul>
Sub-navigation ¶
Add on the element
.sub-nav Class to create subnavigation. In Add .active Class: 8.17.7. Example ¶
<dl class="sub-nav"> <dt>Filter:dt> <dd class="active"><a href="#">Alla>dd> <dd><a href="#">Activea>dd> <dd><a href="#">Pendinga>dd> <dd><a href="#">Suspendeda>dd> dl>