Font Awesome将多个图标添加到按钮

Question

我有这个按钮：

<button type="button" style="margin-bottom: 5px;" class="btn btn-danger btn-default btn-gray btn-primary btn-primary2 btn-success2 btn-warning btn-black btn-success btn_bottom_padding" data-toggle="modal" data-target="#myModal" data-bind="css: {'btn-gray': IsGray(), 'btn-danger': IsRed(),'btn-success':IsGreen(), 'btn-primary': IsBlue(),'btn-success2':IsLimegreen(), 'btn-primary2': IsSkyblue(),'btn-warning':IsOrange(),'btn-black': IsBlack(),'btn-default':IsWhite()},click:$root.GetClick">
   <span data-bind="text:ShortName()"></span>
   <span data-bind="visible: IsRed()" class="fa fa-exclamation-triangle"></span>
   @*<span data-bind="" class="fa fa-bolt"></span>*@
</button>

问题是我想向其中添加多个图标，例如：

我只设法添加了感叹号三角形图标，但是如果我尝试添加另一个感叹号图标，则第一个不会出现。有什么办法可以添加所有四个图标，如附件按钮图像中所示？

Answer 1

只需将它们添加到单独的跨度中即可：示例

<span class="fa fa-exclamation-triangle"></span>
<span class="fa fa-bar-chart"></span>
<br>
<span class="fa fa-bolt"></span>
<span class="fa fa-ban"></span>