title: How to set the following html tags to horizontally Align
body: <pre><code>    &lt;div class="row" style="margin-top:20px"&gt;
      &lt;label for ="datepicker" class="col-lg-2 col-md-2"&gt;选择时间&lt;/label&gt;
      &lt;input type="text" id="datepicker" class="datepicker col-lg-2 col-md-2" data-date-format="yyyy-mm-dd" placeholder="请选择日期" /&gt;
      &lt;div class="col-lg-3 col-md-3"&gt;&lt;/div&gt;
      &lt;label class="col-lg-2 col-md-2"&gt;填写检查人员&lt;/label&gt;
      &lt;input class="col-lg-2 col-md-2" id="name" type="text" placeholder="请输入名字" value="test1111" /&gt;
      &lt;div class="col-lg-1 col-md-1"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Because I get the following screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/S9tcG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S9tcG.png" alt="screenshot"></a></p>
  
  <p>this screenshot is not I want, I want they align center horizontal. Thank you very much. I am using Bootstrap and with no other css file.</p>