引导程序中的拉伸链接如何实现?

时间:2019-12-23 07:07:37

标签: javascript css bootstrap-4

出于好奇,如何实施引导程序stretched link?让孩子<>影响其父母是很奇怪的。我不知道在纯CSS中是否有特定的规则可以做到这一点,或者它是由javascript完成的。我能想到的CSS唯一可能与之相关的功能是内联块,如another question所示。

2 个答案:

答案 0 :(得分:0)

据我从文档中了解到,它会在同一relativ元素内的所有元素上添加click事件。

答案 1 :(得分:0)

这是 bootstrap.css 文件中与.stretched-link类有关的代码

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

从适用于儿童的文档中,他们的父母被定为relative,这将使孩子有可能通过指定top bottom { {1}} left设为0,这也会使该类也覆盖父类。

这是我的理解。我希望它会有用。