如何将表单元素内联？

Question

如何把每一个“标签”和“控制类”内联

<div class="control-group"> 

      <label class="control-label">Designation</label> 
      <div class="controls"> 
       <span>Aménagement salle informatique</span> 
      </div> 

      <label class="control-label">Etat</label> 
      <div class="controls"> 
       <span>en cours</span> 
      </div> 
</div> 

感谢。

Exemple

Answer 1

你必须使用form-group类直列设置就像

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 

 
<div class="bs-example"> 
 
    <form class="form-horizontal"> 
 
    <div class="form-group"> 
 
     <label class="control-label col-xs-2">Designation</label> 
 
     <div class=""> 
 
     Aménagement salle informatique 
 
     </div> 
 
    </div> 
 
    
 
    <div class="form-group"> 
 
     <label class="control-label col-xs-2">avancement</label> 
 
     <div class=""> 
 
     0 
 
     </div> 
 
    </div> 
 
    </form>