右对齐DIV到引导容器的右边缘

时间:2017-10-30 17:20:31

标签: twitter-bootstrap angular-ui-bootstrap

我正在使用Bootstrap。我有一行包含2个DIV,包含不同字体高度的文本。第一个DIV是col-md-9包含大文本,第二个col-md-3包含小文本。我需要将第二个DIV对齐到最右边和行的下边缘。不允许手动定位顶部,右侧,底部,左侧。这是标记。谢谢 enter image description here

<div class="container">

  ...

  <div class="row">
    <div class="col col-md-9">
      <large>
        <a class="titleLink" ui-sref="login">
          <span ng-cloak>
                {{vm.serviceName}} - {{vm.consults.length | number}} Consults
              </span>
        </a>
        <span ng-cloak class="label label-primary">{{vm.ActiveCount}} Active</span>
        <span ng-cloak class="label label-warning">{{vm.PendingCount}} Pending</span>
        <span ng-cloak class="label label-danger">{{vm.PartialResultsCount}} Incomplete/PR</span>
      </large>
    </div>
    <div class="col col-md-3">
      <small>
          <span ng-cloak>Data Extracted: {{vm.dataExtracted}}</span>
        </small>
    </div>
  </div>

  ...

</div>

0 个答案:

没有答案