为什么我的Bootstrap专栏没有以其内容为中心？`

Question

我有以下基本布局，其中显示了一张闪存卡 - detail-card：

<div class="col-md-4"></div>
<div id="cardContainer" class="col-md-4 text-center detail-card-container">
    @Html.Partial("_DetailCard", cardModel)        
</div>
<div class="col-md-4"></div>

我知道我可以使用col-offset，但我有其他两列的计划。

我的愿景是将页面分为三列，中间一列，detail-card-container，类text-center，以便该div的内容应该在其中水平居中。

然而，当我启动应用程序时，我得到如下显示：

蓝色是'{1}}中'详细信用卡detail-card-container col-md-4` div的可用空间。

我做错了什么？

Answer 1

也许您可以提供具体的width，display: block，加上margin-left: auto，margin-right: auto。

Answer 2

使用

<div class="col-md-4" align="center">