已回答...。Bootstrap 4 Card和Firefox问题,带有打开链接

时间:2018-11-13 22:55:57

标签: twitter-bootstrap firefox

下面是我的Bootstrap卡代码的示例。如果用户本身在卡上链接,或者他们单击卡标题,则需要使卡打开超链接。以下代码可在Firefox以外的任何地方使用。在Firefox中,如果单击该卡,它将起作用。如果单击卡标题,Firefox将打开两个新窗口。

有什么想法吗?谢谢。

     <div class="col-lg-3 col-md-6 mb-4 column checklist">
     <div class='card h-100' onclick="window.open('https://help.cccis.com/training/repair_facility/estimating/checklists/ChangeChecklistDisplayOrder.pdf','_blank');">

     <div class="card-body">
     <h4 class="card-title">
     <a href="https://help.cccis.com/training/repair_facility/estimating/checklists/ChangeChecklistDisplayOrder.pdf" target="_blank">Change Checklist Display Order</a>
      </h4>

      <p class="card-text">This job aid describes how to change the Direct Checklist display order.</p>
      </div>
      <div class="card-footer">2 pages <img src="images/pdf3.png" align="right" width="17" height="20" alt="Job Aid"/>
        </div>
        </div>
        </div>

0 个答案:

没有答案