Css bootstrap3似乎根据字段的大小对表列进行不同的调整

我有一个简单的表样式与引导，但出于某种原因，它将使用不同的理由取决于多长的字段。似乎有两种不同的设置

如果行数据较短，它将在第一个单元格旁边左对齐右对齐，并使两个字段都较短

如果数据很长，比如超过一行所能容纳的数据，它将正确地进行块对齐

我想知道是否有一个was可以选择#2辩护？我把整张桌子都放在一个面板里

面板主体的代码如下所示，在HAML中：

.panel-heading
  %h3.panel-title Case Information
%table.panel-body.table
  - unless current_user.one_user?
    - unless current_user.another_user?
      %tr.col-md-12
        %th.col-md-3 Patient Name
        %td.col-md-9= patient_full_name

      %tr.col-md-12
        %th.col-md-3 Patient Date of Birth
        %td.col-md-9= patient_birthdate

    %tr.col-md-12
      %th.col-md-3 Patient Age
      %td.col-md-9= patient_age

    %tr.col-md-12
      %th.col-md-3 Patient Gender
      %td.col-md-9= patient_gender

 -unless kase.medical_history.nil?
   %tr.col-md-12
     %th.col-md-3 Medical History
     %td.col-md-9= simple_format medical_history

 -unless kase.medications.nil?
   %tr.col-md-12
     %th.col-md-3 Medications
     %td.col-md-9= simple_format medications

这就是短数据的情况：

这就是长数据的情况：

您注意到长字段处于某种块对齐方式中吗？我希望正确的表列都排列起来，就像它们都是长数据一样

---

任何帮助都将不胜感激。

我将此添加为一条评论，而不是一个答案。我在我的计算机上做了一个小测试，看看从%tr中删除“.col-md-12”是否修复了对齐问题

我在我的计算机上做了一个小测试，看看从%tr中删除“.col-md-12”是否可以修复对齐问题。@Jase完美，完成了，谢谢！你可能想添加你的评论作为答案，我会给你信用。这实际上是正确的答案。谢谢我不知道为什么我被上校的音乐迷住了。