Html 带引导程序的中心标签

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/41064529/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 14:06:58  来源:igfitidea点击:

Center Label With bootstrap

htmltwitter-bootstrap

提问by Kuartz

I have this code :

我有这个代码:

<div class="col-md-3 form-group">
  <label>Ville de chargement</label>
  <input type="text" class="form-control collectes-ville text-center" name="villeChargement" placeholder="Chargement">
  <label>Ville de livraison</label>
  <input type="text" class="form-control collectes-ville text-center" name="villeLivraison" placeholder="Livraison" value="">
</div>
<div class="col-md-3 form-group">
  <label>Chargement mini</label>
  <input type="text" id="datepicker" class="form-control collectes-date-chargement-min text-center" name="DebutChargement" placeholder="Date début chargement" value="">
  <label>
    <->
  </label>
  <input type="text" id="datepicker2" class="form-control collectes-date-chargement-min text-center" name="FinChargement" placeholder="Date fin chargement" value="">
</div>
</div>

And it gives

它给

enter image description here

在此处输入图片说明

I would like to center the labels too... I tried class="text-center" but it didn't work. Could someone help?

我也想将标签居中...我试过 class="text-center" 但它没有用。有人可以帮忙吗?

回答by max

Add text-align: centerin your CSS or text-centerclass to your parent element (probably to a rowor container).

text-align: center您的 CSS 或text-center类添加到您的父元素(可能添加到 arowcontainer)。

CODEPEN

代码笔

回答by ZakSdn

Try this code :D

试试这个代码:D

http://jsfiddle.net/ndfxgvow/

http://jsfiddle.net/ndfxgvow/

<div class="col-md-12">
    <div class="col-md-6 ">
        <div class="col-md-12 form-group">
              <label>Ville de chargement</label>
              <input type="text" class="form-control collectes-ville text-center" name="villeChargement" placeholder="Chargement">
        </div>
        <div class="col-md-12 form-group">
              <label>Ville de livraison</label>
              <input type="text" class="form-control collectes-ville text-center" name="villeLivraison" placeholder="Livraison" value="">
        </div>
    </div>

    <div class="col-md-6">
        <div class="col-md-12 form-group">
          <label>Chargement mini</label>
          <input type="text" id="datepicker" class="form-control collectes-date-chargement-min text-center" name="DebutChargement" placeholder="Date d??but chargement" value="">
        </div>
        <div class="col-md-12 form-group">
          <label><-></label>
          <input type="text" id="datepicker2" class="form-control collectes-date-chargement-min text-center" name="FinChargement" placeholder="Date fin chargement" value=""> 
        </div>
    </div>
</div>