Bootstrap v3插入符号位置开关

问题描述：

我正试图找到引导切换.collapse div时插入符切换上/下显示的默认方式。Bootstrap v3插入符号位置开关

因此，代码为：

<div class='row'> 
    <div class='col-sm-8'><h3>Select Image</h3></div> 
    <div class='col-sm-4 text-right'><button type='button' class='btn btn-default' data-toggle='collapse' data-target='#image-files' aria-expanded="false"><b class="caret"></b></button></div> 
</div> 
<div id='image-files' class='collapse'> 
    <div class='row'> 
    Content 
    </div> 
</div>

我敢肯定，我读过的地方，引导库会自动的插入符号由下往上以某种方式改变。

当然，我可以使用一行Jquery来做到这一点，但我相信它是内置于bootstrap中的，我想知道如何使用它。

我不认为有任何解决方案存在使用*引导*默认，但你可以使用'按钮'的属性来实现你想通过添加这块* CSS *代码作为：'button [ aria-expanded = true] .caret {border-top：0; border-bottom：4px solid＃000; }' – vivekkupadhyay

我在文档中找到了声明：http://getbootstrap.com/css/#helper-classes-carets：_“请注意，默认插入符号会在下拉菜单中自动反转。”_ - 但即使在他们的示例中它不会...... - 但是你可以在CSS中做到这一点，因为类似'open'或'collapsed'的类将通过bootstrap添加，例如'.open .caret border-bottom：4px虚线; border-top：none; }' – Seika85

答

有一个内置的向上/向下选择，如果这是你在找什么？

<span class="dropup"> 
    <span class="caret"></span> 
</span>

（或者，您在寻找任何更多细节或别的东西，我不能完全肯定我的理解你的问题完美。）

哦，还有：https://*.com/questions/25368802/how-to-change-the-bootstrap-caret-pointing-direction-on-click-event –

和这个：https：/ /*.com/questions/13870746/how-to-change-the-bootstrap-caret-pointing-position –

AAA和这一个以及：https://*.com/questions/20760047/upside-down-caret –

Bootstrap v3插入符号位置开关

相关推荐