html - Bootstrap : How to center align content inside column?

Question

<分区>

Answer 1

想要使图像居中？很简单，Bootstrap 自带两个类，.center-block 和 text-center。

如果您的图像是 BLOCK 元素，请使用前者，例如，将 img-responsive 类添加到您的 img 中img block 元素。如果您知道如何在 Web 控制台中导航并查看应用到元素的样式，您应该知道这一点。

不想使用类？没问题，这是 CSS bootstrap 使用的。您可以为元素创建自定义类或编写 CSS 规则以匹配 Bootstrap 类。

 // In case you're dealing with a block element apply this to the element itself 
.center-block {
   margin-left:auto;
   margin-right:auto;
   display:block;
}

// In case you're dealing with a inline element apply this to the parent 
.text-center {
   text-align:center
}