8.32. Foundation Grid-horizontal Stack

发布时间 : 2025-10-25 13:33:56 UTC      

Page Views: 10 views

The following example creates a basic grid system that is tiled horizontally on PC and tablet devices and stacked horizontally on small devices such as mobile phones.

8.32.1. Example

<div class="row">
  <div class="medium-6 columns" style="background-color:yellow;">
    <p>菜鸟教程p>
  div>
  <div class="medium-6 columns" style="background-color:pink;">
    <p>菜鸟教程p>
  div>
div>
   

尝试一下 »

Note

提示:

.small|medium|large-* Class specifies the number of columns to span. So,

.small-1 Span 1 column .small-4 Span 4 columns .small-6 Span 6 columns (50% width), and so on.

注意: Make sure the columns add up to 12 columns!

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。