新增9栅格布局，方便支持3列表单，第一个标签对齐演示。

web/src/main/resources/views/modules/demo/demoFormLayoutForm.html

@@ -1,9 +1,9 @@
-<% layout('/layouts/default.html', {title: '栅格布局实例', libs: ['validate','fileupload','ueditor','dataGrid']}){ %>
+<% layout('/layouts/default.html', {title: '数据管理', libs: ['validate','fileupload','ueditor','dataGrid']}){ %>
 <div class="main-content">
 	<div class="box box-main">
 		<div class="box-header with-border">
 			<div class="box-title">
-				<i class="fa icon-notebook"></i> 栅格布局实例
+				<i class="fa icon-notebook"></i> ${testData.isNewRecord ? '新增数据' : '编辑数据'}
 			</div>
 			<div class="box-tools pull-right">
 				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
@@ -146,6 +146,30 @@
 						</div>
 					</div>
 				</div>
+				<div class="row">
+					<div class="col-xs-12">
+						<div class="form-group">
+							<style>
+								/* 栅格9列布局 */
+								@media (min-width: 768px){
+									.col-sm-9-1{width:11.11%}
+									.col-sm-9-2{width:22.22%}
+									.col-sm-9-3{width:33.33%}
+									.col-sm-9-4{width:44.44%}
+									.col-sm-9-5{width:55.55%}
+									.col-sm-9-6{width:66.66%}
+									.col-sm-9-7{width:77.77%}
+									.col-sm-9-8{width:88.88%}
+								}
+							</style>
+							<label class="control-label col-sm-2 col-sm-9-1" title="">
+								<span class="required hide">*</span> 单行文本：<i class="fa icon-question hide"></i></label>
+							<div class="col-sm-10 col-sm-9-8">
+								<#form:input path="testInput" maxlength="200" class="form-control"/>
+							</div>
+						</div>
+					</div>
+				</div>
 				<div class="form-unit">四列</div>
 				<div class="row">
 					<div class="col-xs-3">