bootstrap-3在导航栏折叠时更改转换属性

Question

有人能解释一下如何在标准的bootstrap-3导航栏中更改折叠元素的转换属性吗？我希望转换是这样的，但在汉堡菜单上单击时带有'top‘属性：http://jsfiddle.net/2vLjU/1/

<div class="wrapper">
    <img id="slide" src="http://lorempixel.com/output/cats-q-c-100-100-4.jpg" />
</div>

.wrapper {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px; 
    border: 1px solid black;
}

#slide {
    position: absolute;
    left: -100px;
    width: 100px;
    height: 100px;
    background: blue;
    transition: 1s;
}

.wrapper:hover #slide {
    transition: 1s;
    left: 0;
}

Answer 1

请看我在这里制作的以下示例：http://jsfiddle.net/f5jzo25t/

我使用了css3 ':target‘，它与'a’元素配合得很好。

img:target {
  left: 0;
  transition: 1s;
}

您可以阅读更多相关内容：https://www.w3schools.com/cssref/sel_target.asp

希望这会对你有所帮助