<title>Foundation 实例</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/foundation5.5.3/foundation.min.css">
<script src="/js/bootstrap/jquery.min.js"></script>
<script src="/js/foundation5.5.3/foundation.min.js"></script>
<script src="/js/foundation5.5.3/modernizr.js"></script>
<p>列居中可以使用 <code>.small-centered</code> 类。中型和大型设备可以继承小型设备的居中,但你需要在大型设备上设置居中类<code>.large-centered</code> 。</p>
<div class="small-4 small-centered columns" style="background-color:yellow;">small-4 small-centered</div>
<div class="small-6 small-centered columns" style="background-color:pink;">small-6 small-centered</div>
<div class="small-6 large-centered columns" style="background-color:lightgreen;">small-6 large-centered</div>