css - 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>

问题是我想向它添加多个图标，例如:

我只设法添加感叹号三 Angular 形图标，但如果我尝试添加另一个，第一个就不会出现。有什么方法可以添加所有这四个图标，就像附件中的按钮图像一样？

Answer 1

只需将它们添加到不同的范围内即可:Example

<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>