Twitter bootstrap 将一个div元素置于另一个div元素的中心

我试着把一个分区放在另一个分区的中心。我看到了Manoj Kumar对此的反应。但它不起作用

<div class="row">
  <div class="col-sm-9">
    <div class="contAin">
        <div class="tile">Some Content</div>
    </div>
</div>
</div>

---

内部div刚好向左对齐。

删除

显示：flex

，而使用此CSS规则作为

。tile

：

.tile {
  width: 80%;
  margin: 0 auto 30px;
}

片段

.tile{
保证金：0自动30px；
宽度：80%；
}

一些内容

您可以将

左边距：自动

和

右边距：自动

添加到同一css类中并选中

因此，CSS变成：

.tile {
  margin-bottom: 30px;  
  width: 80%;
  margin-left:auto;
  margin-right:auto;
}

---

我在jsfiddle中试过，效果不错

您使用什么浏览器？

在CSS代码中尝试以下操作：

.tile  {margin-right: auto;margin-left: auto;}

---

尝试保证金：自动；或文本对齐：居中；大体上div@PraveenKumar是的，我做到了，它成功了。@PraveenKumar absolutelychrome.。我知道它已经更新了，我正在使用引导，你认为这可能与它有关吗？是的，你在chrome inspector中看过吗？你们有网站的链接吗？我用的是bootstrap，所有的东西都包装在一个bootstrap列中，这会影响它吗？是的，它可能会重写一些默认的css样式。这不起作用！不能使用

文本对齐：居中用于块级元素。您想更新您的答案吗？
.tile {
  margin-bottom: 30px;  
  width: 80%;
  background: yellow;
}

.contAin {
  display: flex;
  justify-content: center;
  border: 1px solid red;
}

.tile  {margin-right: auto;margin-left: auto;}