引导程序，将文本右对齐，其中包含强标记

Question

这可能是一个愚蠢的问题，但是如何在Bootstrap的Alert标签内将我的文本部分对齐到右边，同时在<strong>标签中保留此文本中的一部分？

现在我有这段代码：

    <div class="alert alert-warning" role="alert">
        Error number: <strong>{{ error.error_number }}</strong>
        Active since: <strong> {{ error.datetime }}</strong></br>
        Message: <strong>{{ error.error_message }}</strong>
    </div>

结果是

first screenshot http://image.prntscr.com/image/3a4b16c1240e42cfb239bfd13f20cfe2.jpg

到目前为止一直很好，但“活跃的时间和日期时间”我希望与右边对齐。所以我尝试使用p class="text-right标记，但这会覆盖strong标记，而且它会将内部的任何内容放到新行中。所以这段代码：

    <div class="alert alert-warning" role="alert">
        Error number: <strong>{{ error.error_number }}</strong>
        <p class="text-right">Active since: <strong> {{ error.datetime }}</strong></p></br>
        Message: <strong>{{ error.error_message }}</strong>
    </div>

看起来像

this http://image.prntscr.com/image/2792ee3a86de49228e845772d65d39f7.jpg

有什么想法吗？

Answer 1

尝试使用span而不是p：

<div class="alert alert-warning" role="alert">

    Error number: <strong>{{ error.error_number }}</strong>
    <span class="text-right">Active since: <strong> {{ error.datetime }}</strong></span>
    <br/>
    Message: <strong>{{ error.error_message }}</strong>
</div>

https://jsfiddle.net/jjL3zu4u/