Html 引导列类和z索引

我创建了一个angularjs指令，当您单击文本框并显示日历时，它会弹出一个div。我不认为这是一个角度问题，但更多的是一个引导问题。我在calendar文本框下有一些控件，我希望calendar div显示在这些控件上。我将它的z-index设置为一个很高的数字，但我注意到如果它下面的控件上有任何“col-*”，它们总是显示在顶部。有没有办法让我的日历div始终显示在顶部

星期一：
直到

一种解决方案是在日历中添加“位置：绝对”。这将把它置于引导输入之上。我在模板最外层的div中设置了位置值，它成功了！谢谢特罗布！不客气！您可能希望在使用“position:absolute”时有所选择，因为它会使样式变得松散和复杂。我想你唯一需要它的地方就是日历元素。

    <hol-calendar style="z-index: 9999;" returned-day="Monday" on-change="vm.dateChange(dt)" initial-date="vm.myDate"></hol-calendar>

    <div class="row" style="z-index: 0">
      <label class="">Monday:</label>
      <input style="z-index: 0;" class="col-md-2 input-sm" type="time" placeholder="HH:mm" ng-required="false" />
      <label class="col-md-1 text-primary control-label" > until </label>
      <input class="col-md-2 input-sm" type="time" placeholder="HH:mm" ng-required="false" />
      <input class="col-md-1" type="checkbox" name="ClosedMonday" data-element-name="Monday" />
      <div class="col-md-1"></div>
    </div>
  </body>