Twitter bootstrap 面板标题显示不正确

我是twitter引导的新手，我正在尝试在一个面板中设置一个面板

第一个外部面板很好，但我的内部面板-标题似乎切断了边缘。下面是正在发生的事情的屏幕截图：

下面是我尝试使用的代码：

<div class="panel panel-default">
    <div class="panel-heading">
        <h4>@String.Format("{0} {1} - {2}", Model.Institution, Model.Description, Model.AccountType)</h4>
    </div>
    <div class="panel-body">
        <br />
        <div class="col-md-4 panel panel-default">
            <div class="panel-heading">
                <h3>Account Details</h3>
            </div>

            <div class="panel-body">
                <div class="row">
                    <div class="">
                        <small>
                            @Html.LabelFor(x => x.Institution)</small>
                        <br />@Model.Institution<br />
                    </div>
                </div>

@String.Format（“{0}{1}-{2}”，Model.Institution，Model.Description，Model.AccountType）


帐户详细信息
@LabelFor（x=>x.Institution）

@Model.Institution

---

你能明白我为什么会失去边缘吗？

你必须用

.col-md-4

包裹你的面板，然后把它放在

.row

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">


    <div class="row">
      <div class="col-md-4">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">Panel title</h3>
          </div>
          <div class="panel-body">
            Panel content
          </div>
        </div>
      </div>
    </div>


  </div>
</div>

小组标题
小组标题
面板内容