Html 使用Bootstrap 3将div内的所有内容居中

我试图用Bootstrap 3将所有内容集中在一个div中，但是它不起作用，它只集中在文本区域，而不是

标记之间的内容，我的代码怎么了

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

以上校为中心{
浮动：无；
保证金：0自动；
}  
信息：
Não iniciado
|卡雷加达斯：
0
|Testadas：
0
|阿普洛瓦达斯：
0
|Reprovadas：
0

您可以在屏幕截图上看到它没有居中，它以我想要的方式使用标记

，但我没有使用它，因为我读到它已被弃用。

---

我相信

.col-centered

不再使用了

尝试

文本中心

看看。

这是你想要的吗

如果是这样，只需添加

text align:center到您的
.col居中的
样式。
更改此设置

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



为此：

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



它还将内联内容（即
span
元素中的内容）置于块元素的中心。
这是一个自定义类，请检查CSS。我试过
.center block
，但也没用。很抱歉，我现在明白你的问题了！只是在Codepen上编辑CSS。通过将“文本中心”添加到列（在“以列为中心”之后）来为我工作。