所有栅格

属性

注解

topbar常用最底部固定导航
wrapper最外围,默认宽度990px
header页头
content主体
footer页脚
main主体---主体内容
sidebar主体---左侧辅助内容;宽度为250px
extrabar主体---右侧辅助内容;宽度为300px
liquid 自适应---流动布局即宽度为100%
gs960栅格960即宽度为960px

默认990px布局

<!-- topbar -->
<div class="topbar">
	topbar
</div>
<!-- /topbar -->
<div class="wrapper">
	<!-- header -->
	<div class="header">

	</div>
	<!-- /header -->
	<!-- content -->
	<div class="content">
		<div class="sidebar"></div><!-- sidebar -->
		<div class="extrabar"></div><!-- extrabar -->
		<div class="main"></div><!-- main -->
	</div>
	<!-- /content -->
	
	<!-- footer -->
	<div class="footer">
		
	</div>
	<!-- /footer -->
</div>
header
extrabar 宽度为300px
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main

header
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main

960px布局

.gs960{margin:0 auto;width:960px;}
header
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main

流动布局

.liquid{width:auto;margin:0;}
header
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main