我尝试使用Bootstrap 3将div内的所有内容居中，但是不起作用，它只将文本区域居中，而不是将<span>标记之间的内容居中，我的代码有什么问题？

<style type="text/css">
    .col-centered{
        float: none;
        margin: 0 auto;
    }  
</style>

<div class="row">

     <div class="col-lg-8 col-centered"> <textarea class="form-control" rows="10"> </textarea>  

         <span>
          Informações: 
          <i id="demo">
             <div class="label label-default label-dismissible">Não iniciado</div>
          </i>
          | Carregadas: 
          <div id="carregada" class="label label-primary label-dismissible">0</div>
          | Testadas: 
          <div id="testado" class="label label-info label-dismissible">0</div>
          | Aprovadas: 
          <div id="CLIVE" class="label label-success label-dismissible">0</div>
          | Reprovadas: 
          <div id="CDIE" class="label label-danger label-dismissible">0</div>
        </span> 

     </div>

</div>

你可以在截图上看到它没有居中，它的工作方式，我想要的标签<center>，但我没有使用它，因为我读到它已被弃用.