如何将表单元素内联？

Question

如何把每个＆＃34;标签＆＃34;和＆＃34;控制课程＆＃34;内联

<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>