# :-: 常用表单布局 配合 系统中的【表单构建器】更佳！ ``` <!-- content --> <div id="content" class="app-content" role="main"> <div class="app-content-body "> <div class="bg-light lter b-b wrapper-md hidden-print"> <h1 class="m-n font-thin h3">服务器群管理</h1> </div> <div class="wrapper-md control"><div class="panel panel-default"> <div class="tab-container ng-isolate-scope"> <!--表单信息--> <style> .col-sm-9{top: 3px;} </style> <ul class="nav nav-tabs"> <li class="ng-isolate-scope"> <a href="setup_server" class="ng-binding">返回</a> </li> <?php if ($_GET['do'] == 'add') { ?> <li class="ng-isolate-scope active"> <a class="ng-binding">添加</a> </li> <?php }if ($_GET['do'] == 'edit') { ?> <li class="ng-isolate-scope active"> <a class="ng-binding">编辑</a> </li> <?php } ?> </ul> <div class="panel-body"> <form class="form-horizontal devform" method="post" action="?do=<?= $_GET['do'] ?>s&id=<?= $_GET['id'] ?>"> <h4>基本信息</h4> <div class="form-group form-inline"> <label class="col-sm-2 control-label">基础信息</label> <div class="col-sm-9" style="top: 0px;"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-4"> <button class="btn m-b-xs btn-sm btn-primary btn-addon"><i class="fa fa-sliders"></i>提交</button> </div> </div> </form> </div> <!--表单信息--> </div> </div> </div> </div> </div> <!-- /content --> ```