css - 如何将文本 float 到 Angular UI Bootstrap 的右侧？

Question

我想为 alert 元素 float 倒计时文本，该元素将自动关闭到 Angular UI Bootstrap 的 alert 的右侧

当我使用像 class="pull-right" 这样 super 简单的东西时，它看起来很难看，因为它与消息的其余部分失去了对齐。 有任何正确设计样式的提示或想法吗？

编辑#1

当使用行/列时，它最终看起来并不正确:

<div class="col-md-6">
    <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">
        <div class="row">
            <div class="col-md-2">{{alert.msg}}</div>
            <div class="col-md-2 col-md-offset-1">({{countdownInMilliSeconds/1000}})</div>
        </div>
    </alert>
</div>

下面是它的样子:

Answer 1

引用这个Offset Columns在 bootsrap它解决了您的问题。

试试这个

HTML:

 <div class="row">
  <div class="col-md-4"></div>
  <div class="col-md-4 col-md-offset-4">({{countdownInMilliSeconds/1000}})</div>
</div>

代替

<div style="float: right">({{countdownInMilliSeconds/1000}})</div>