Question

当我注意到我的一个图标正在重复时，我正在Bootsrap 3.37中设置一个表单。我检查了代码，但没有两次。

代码示例为：

<tr>
    <td><b>Simpson, Dan</b> - <br> 217 Old Ocean Drive Des Moines 50310</td>
    <td>45885552</td>
    <td>Feb 24 2018</td>
    <td>8</td>
    <td>1
        <td>
            <a data-toggle="modal" href="../../wine/admin/index.cfm/index.cfm/general/getRecentOrderAjax?method=getRecentOrderAjax&order_id=19" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></a>


        </td>
</tr>

请参见小提琴-https://jsfiddle.net/aq9Laaew/103724/

使用的其他库是：数据表-https://datatables.net/

谢谢！

Answer 1

我认为您错过了i元素的结束标记：

您的代码是：

    <td>
    <a data-toggle="modal" href="../../wine/admin/index.cfm/index.cfm/general/getRecentOrderAjax?method=getRecentOrderAjax&order_id=2" data-target="#myModal">
<i class="fa fa-eye" aria-hidden="true">
</a>
</td>

它应该是：

<td>
        <a data-toggle="modal" href="../../wine/admin/index.cfm/index.cfm/general/getRecentOrderAjax?method=getRecentOrderAjax&order_id=2" data-target="#myModal">
    <i class="fa fa-eye" aria-hidden="true"></i>
    </a>
    </td>

Answer 2

您应该使用结束</i>标签。

在您的示例中，您的输出应如下所示

<a data-toggle="modal" href="../../wine/admin/index.cfm/index.cfm/general/getRecentOrderAjax?method=getRecentOrderAjax&order_id=19" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a>

带有Twitter引导程序的双图标吗？

2 个答案: