Html 在col-md-4中居中显示文本

如何将col-md-4-->行-->引导程序中

内的文本居中（水平和垂直）

我的代码是下一个：

<div class="container">
    <div class="row">
        <div class="col-md-4">
            <p>&copy; @DateTime.Now.Year - Videoclub</p>
        </div>
        <div class="col-md-4">
            <div class="pull-right">
                <h5 style="text-align: center;"><u><i>Informacion</i></u></h5><br />
                <ul class="list-unstyled">
                    <li><a href="#">Acerca de Nosotros</a></li>
                    <li><a href="#">Contactanos</a></li>
                    <li><a href="#">Ubicacion</a></li>
                    <li><a href="#">Trabaja con Nosotros</a></li>
                    <li><a href="#">Prensa</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-3">
            <div class="pull-right">
                <h5 style="text-align: center;"><u><i>Social</i></u></h5><br />
                <ul class="list-unstyled">
                    <li><a href="#"><img class="imgFooter" src="~/Content/img/Social/fb.jpg" alt="FB" /></a></li><br />
                    <li><a href="#"><img class="imgFooter" src="~/Content/img/Social/twitter.png" alt="FB" /></a></li><br />
                    <li><a href="#"><img class="imgFooter" src="~/Content/img/Social/Linkedin.png" alt="FB" /></a></li>
                </ul>
            </div>
        </div>
     </div>
</div>

它不起作用了

我还尝试了另一个css：

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

---

但是我刚刚得到了一个水平居中的

你可以用Flexbox来做：

.container > .row > .col-md-4:first-child {
  display: flex; /* display flex-items (children) inline */
  justify-content: center; /* centers them horizontally */
  align-items: center; /* and vertically */
}

基本CSS浏览器重置：

只需添加：style=“text align:center；” 像这样：

  <div class="col-md-4" style="text-align: center;" >
   <p>&copy; @DateTime.Now.Year - Videoclub</p> </div>

&抄袭@DateTime.Now.Year-视频俱乐部

信息








社交

文本对齐：居中

可以使任何块元素内的文本居中，只要该元素不浮动。关于垂直对齐，请确保在

p

元素上没有设置默认的或供应商样式的

margin

规则，并调整

行高

，

p

和

div

没有自己的高度，它们从文本中获取高度。但是如果没有

行

、

div

、

col-md-4

和

p

的css，很难说什么是最好的更改。将设置为固定高度可以垂直解决问题，而不是水平解决问题@CalarisI没有使用供应商样式，只是引导@UncaughtTypeErrorVendor样式是默认的浏览器样式，不管您是否打算使用它们（感谢浏览器！），这就是为什么重置默认浏览器样式有助于否定这些供应商样式。您还可以将属性：垂直对齐：中心；

* {margin: 0; padding: 0; box-sizing: border-box}

  <div class="col-md-4" style="text-align: center;" >
   <p>&copy; @DateTime.Now.Year - Videoclub</p> </div>