Html 映像未居中引导中心块

我无法在bootstrap提供的面板中居中显示图像：

这是我的html代码：

          <div class="row">
              <div class="col-lg-12">

                    <div class="col-lg-4">
                        <div class="panel panel-default">
                            <a class="modals" data-toggle="modal" data-target="#PatientDiagnosisModal"  href="">
                        <div class="panel-body"><img class="img-responsive  center-block" src="../img/diagnosis.png"></img></div>
                        <div class="panel-footer"><center>Patient Diagnosis</center></div></a>
                        </div>
                  </div>

                    <div class="col-lg-4">
                        <div class="panel panel-default">
                            <a class="modals" data-toggle="modal" data-target="#PatientDiagnosisModal"  href="">
                        <div class="panel-body"><img class="img-responsive  center-block" src="../img/diagnosis.png"></img></div>
                        <div class="panel-footer"><center>Patient Diagnosis</center></div></a>
                        </div>
                  </div>

                    <div class="col-lg-4">
                        <div class="panel panel-default">
                            <a class="modals" data-toggle="modal" data-target="#PatientDiagnosisModal"  href="">
                        <div class="panel-body"><img class="img-responsive  center-block" src="../img/diagnosis.png"></img></div>
                        <div class="panel-footer"><center>Patient Diagnosis</center></div></a>
                        </div>
                  </div>
            </div>
          </div>

如何克服这个问题？

提示您可以使用

标记来实现这一点。下面是一个简单的例子

<center><div class="row"><img src="your image"/></div></center>

希望这有帮助

在CSS中写入：

.panel.panel-default { margin: 0 auto !important; }

---

引导具有用于居中元素的帮助器类：

将类

中间块添加到图像中，它应该可以实现以下功能：

<div class="panel-body"><img class="img-responsive center-block" src="../img/diagnosis.png"></img></div>

HTML5不支持
标记，您应该尽量不要使用它
；-）我现在无法访问你的粘贴库（代理…）。我的示例是否适用于您的浏览器？我刚刚获取了您的html代码，并将
中间块
类添加到图像中。它对我来说很好。你用哪种浏览器？您的pastebin是否包含完整的代码？因为没有包含引导css文件的html头…请检查我的编辑，尝试在css中添加您自己的
中心块。如果它不工作，并且我的示例中没有一个在您的浏览器上工作，那么您应该停止使用此过时的浏览器
；-）Mozilla Firefox中也发生了同样的情况
.center-block {
    display: block;
    margin: 0 auto;
}