anchor.diff:     <res:useJs value="${res.js.local['bootstrap.min.js']}" target="head-js" />
      <res:useJs value="${res.js.local['bootstrap-datetimepicker.min.js']}" target="head-js" />
      <res:useJs value="${res.js.local['select2.min.js']}" target="head-js" />
  -   <div style="width: 750px; margin: 0 auto; margin-bottom: 250px;">
  -      <h4 style="margin: 0 auto;">创建 ABTest</h4>
  +   <div style="width: 900px; margin: 0 auto; margin-bottom: 250px;">
  +      <h4 style="margin: 0 auto;">Create ABTest</h4>
         <div style="width: 90%;">
  -         <span style="float: right" class="label label-info"> Edit </span>
  -         <h5>基本信息</h5>
  +         <!-- <span style="float: right" class="label label-info"> Edit </span>  -->
  +         <h5>Basic Information</h5>
            <hr style="margin-top: 5px;">
            <form class="form-horizontal">
               <div class="control-group">
  -               <label class="control-label">测试名</label>
  +               <label class="control-label">AB Test Name <i tips="" data-trigger="hover" class="icon-question-sign"
  +                  data-toggle="popover" data-placement="top" data-original-title="tips"
  +                  data-content="Only charactor, number and underline are allowed. e.g. CatWeb_1"></i>
  +               </label>
                  <div class="controls">
  -                  <input type="text" placeholder="">
  +                  <input type="text" placeholder="give it a name ...">&nbsp;&nbsp; <span class="help-inline"></span>
                  </div>
               </div>
               <div class="control-group">
  -               <label class="control-label">简介</label>
  +               <label class="control-label">Description</label>
                  <div class="controls">
  -                  <textarea class="span6" rows="3" cols="60"></textarea>
  +                  <textarea placeholder="say something about the abtest ... " class="span6" rows="3" cols="60"></textarea>
                  </div>
               </div>
               <div class="control-group">
  -               <label class="control-label">开始时间</label>
  +               <label class="control-label">Starting Time</label>
                  <div class="controls">
                     <div id="datetimepicker1" class="input-append date">
  -                     <input data-format="yyyy年MM月dd日 hh点mm分" type="text"></input> <span class="add-on"> <i
  -                        data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
  +                     <input placeholder="when to run ab test" data-format="yyyy-MM-dd hh:mm" type="text"></input> <span
  +                        class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
                        </span>
                     </div>
                  </div>
               </div>
               <div class="control-group">
  -               <label class="control-label">结束时间</label>
  +               <label class="control-label">End Time</label>
                  <div class="controls">
                     <div id="datetimepicker2" class="input-append date">
  -                     <input data-format="yyyy年MM月dd日 hh点mm分" type="text"></input> <span class="add-on"> <i
  -                        data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
  +                     <input placeholder="when to stop ab test" data-format="yyyy-MM-dd hh:mm" type="text"></input> <span
  +                        class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
                        </span>
                     </div>
                  </div>
               </div>
               <div class="control-group">
  -               <label class="control-label">Domain</label>
  +               <label class="control-label">Domain <i tips="" data-trigger="hover" class="icon-question-sign"
  +                  data-toggle="popover" data-placement="top" data-original-title="tips"
  +                  data-content="you can choose one or more than one domain"></i>
  +               </label>
                  <div class="controls">
                     <select multiple="" name="e9" id="e9" style="width: 350px;" class="populate select2-offscreen" tabindex="-1">
                        <optgroup label="团购">
  
positive.code:                   </select>
                 </div>
              </div>
              <h5>分流配置</h5>
              <hr style="margin-top: 5px;">
              <div class="control-group">
                 <label class="control-label">分流策略</label>
                 <div class="controls">
                    <select>
                       <option>百分比策略</option>
                       <option>随机策略</option>
                    </select>
                 </div>
              </div>
              <div class="control-group">
                 <label class="control-label">策略配置信息</label>
                 <div class="controls">
                    <textarea class="span6" rows="3" cols="60"></textarea>
                 </div>
              </div>
           </form>
  
negative.code: 				$(function() {
  					$('#datetimepicker1').datetimepicker();
  					$('#datetimepicker2').datetimepicker();
  					$("#e9")
  							.select2(
  									{
  										placeholder : "select which domains to run this ab test",
  										allowClear : true
  									});
  					$('i[tips]').popover();
  				});
  			</script>
  </a:body>