ส่วนหัวของการ์ด - ลิงก์บนไอคอนหยุดยุบ

ฉันมีส่วนหัวของการ์ดซึ่งจะต้องมีไอคอนพร้อมการดำเนินการเมื่อฉันคลิก ปัญหาคือเมื่อฉันคลิกมัน การ์ดของฉันจะพังซึ่งฉันไม่ต้องการทำ มีสิ่งใดบ้างที่ฉันสามารถทำได้เพื่อป้องกันการล่มสลายบนไอคอนนี้เท่านั้น

ไอคอนจะต้องอยู่ข้างชื่อตามคำขอของลูกค้า และพวกเขาต้องการให้ส่วนหัวแบบเต็มยุบลงได้เมื่อคลิก

ฉันคิดว่าฉันจะลบ bootstrap data-toggle="collapse" และสร้างการล่มสลายของตัวเองโดยใช้ .card-header:not(xxx) เพื่อป้องกันไม่ให้ลิงก์ของฉันหยุดในจาวาสคริปต์

<h5 class="card-header">
     <a data-toggle="collapse" href="/th#infoGeneral" aria-expanded="true" aria-controls="infoGeneral" id="heading-info-general" class="d-block">
                    Information générale de la station <i class="far fa-comment"></i>
                    <i class="fas fa-angle-up float-right"></i>
                </a>
            </h5>

รูปภาพ


bootstrap-4
person Techqueb    schedule 09.07.2019    source แหล่งที่มา

คำตอบ (1)


arrow_upward
0
arrow_downward

คุณเพียงแค่ต้องนำมันออกจากองค์ประกอบการล่มสลาย

<h5 class="card-header">
    <p class="d-block">Information générale de la station <i class="far fa-comment"></i></p>
    <a data-toggle="collapse" href="/th#infoGeneral" aria-expanded="true" aria-controls="infoGeneral" id="heading-info-general" class="d-block">
        <i class="fas fa-angle-up float-right"></i>
    </a>
</h5>
person stokoe0990    schedule 09.07.2019
comment
การทำสิ่งที่คุณเพิ่งทำจะลบการล่มสลายของส่วนหัวทั้งหมด ฉันแค่ต้องการไอคอน ‹i class=far fa-comment›‹/i› เพื่อไม่ให้ยุบ ฉันเพิ่งเพิ่มรูปภาพ ส่วนสีเขียวยังคงต้องทำการยุบตัว - person Techqueb; 09.07.2019