div内のすべてのコンテンツをブートストラップ3を使用して中央に配置

Question

div内のすべてのコンテンツをブートストラップ3に集中しようとしていますが、動作しません。テキストエリアのみを中心にしています。<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>と望むように動作しますが、私はそれが廃止されました読んでいるので、私は、それを使用していませんよ。

Answer 1

これは必要なものですか？

もしそうなら、単にあなたの.col-centeredスタイルにtext-align: center;を追加します。

<div class="col-lg-8 col-centered" style="text-align:center"> 

また、インラインコンテンツ（span素子内部すなわちもの）だけでなく、ブロック要素を中心：この本に

<div class="col-lg-8 col-centered"> 

Answer 2

私は.col-centeredはもう使用していないと思いますか？

Try text-center

Bootstrap Classesをご覧ください。

Answer 3

変更。