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中的，我想知道如何使用它。

來源

2017-07-07 Chud37

我不認爲有任何解決方案存在使用*引導*默認，但你可以使用'按鈕'的屬性來實現你想通過添加這塊* 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>

（或者，您在尋找任何更多細節或別的東西，我不能完全肯定我的理解你的問題完美。）

來源

2017-07-07 08:30:53

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

和這個：https：/ /stackoverflow.com/questions/13870746/how-to-change-the-bootstrap-caret-pointing-position –

AAA和這一個以及：https://stackoverflow.com/questions/20760047/upside-down-caret –

Bootstrap v3插入符號位置開關

回答

相關問題