数据消除模式不关闭模式

Question

我正在尝试使用data-dismiss =“ modal”关闭模式，但是它不起作用。我正在使用带有角度的引导程序，此关闭不起作用。有人能帮我吗？谢谢（我安装了引导程序，并导入了styles.css）

            <div class="col-6">
            <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                <div class="portfolio-hover">
                    <div class="portfolio-hover-content">
                        <i class="fa fa-plus fa-3x"></i>
                    </div>
                </div>
                <img
                    src="https://unsplash.imgix.net/uploads%2F1411419068566071cef10%2F7562527b?q=75&w=1080&h=1080&fit=max&fm=jpg&auto=format&s=240c45655f09c546232a6f106688e502"
                    class="img-responsive"
                    alt=""></a>
                <div class="portfolio-caption">
                    <h4>Round Icons</h4>
                    <p class="text-muted">Graphic Design</p>
                </div>
            </div>


<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
    <div class="close-modal" data-dismiss="modal">
        <div class="lr">
            <div class="rl"></div>
        </div>
    </div>
</div>