如何使用 V 形圖示來指示 Bootstrap 3 折疊狀態？

Linda Hamilton

發布： 2024-11-29 05:14:14

原創

405 人瀏覽過

How to Use Chevron Icons to Indicate Bootstrap 3 Collapse State?

帶有V 形圖示的Bootstrap 3 折疊狀態

Bootstrap 3 框架提供了一個使用V 形來顯示折疊狀態的圖示元素。以下程式碼將V 形圖示新增至每個面板標題，並在面板折疊或展開時切換該圖示：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>

<div>

登入後複製

此解決方案使用Bootstrap CSS 類別 顯示V 形圖示，並切換glyphicon-chevron-down和glyphicon-chevron-up 面板折疊或展開時的類別。

以上是如何使用 V 形圖示來指示 Bootstrap 3 折疊狀態？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

上一篇：如何讓 CSS 規則僅在 Opera 瀏覽器中可見？下一篇：我可以將 CSS 樣式專用於 Opera 瀏覽器嗎？

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章