Bootstrap 4 带有 Font Awesome 图标的折叠状态
Bootstrap 4 Collapse state with Font Awesome icon
我有一个 Bootstrap-table 可以展开/折叠，但开始图标不好。
折叠时的开始图标是“减号”，应该是“加号”，但如果点击2次，一切正常。
我用过这个例子：
my code : https://jsfiddle.net/d7ycu6ne/
感谢您的帮助
你的CSS：
[data-toggle="collapse"].collapsed .fa:before {
content: "\f067"; /*plus*/
}
要求该行有一个名为“collapsed”的 class 以显示加号。但是你还没有给它 class:
<td data-toggle="collapse" data-target="#accordion1"
class="clickable" style="cursor:pointer">
如果您使用浏览器的开发工具查看 DOM，您会看到 Bootstrap 库正在添加“collapsed” class单击减号折叠（从第二次单击开始）。
所以你当然应该从已经应用的 class 开始元素：
<td data-toggle="collapse" data-target="#accordion1"
class="clickable collapsed" style="cursor:pointer">
我有一个 Bootstrap-table 可以展开/折叠，但开始图标不好。 折叠时的开始图标是“减号”，应该是“加号”，但如果点击2次，一切正常。
我用过这个例子：
my code : https://jsfiddle.net/d7ycu6ne/
感谢您的帮助
你的CSS：
[data-toggle="collapse"].collapsed .fa:before {
content: "\f067"; /*plus*/
}
要求该行有一个名为“collapsed”的 class 以显示加号。但是你还没有给它 class:
<td data-toggle="collapse" data-target="#accordion1"
class="clickable" style="cursor:pointer">
如果您使用浏览器的开发工具查看 DOM，您会看到 Bootstrap 库正在添加“collapsed” class单击减号折叠（从第二次单击开始）。
所以你当然应该从已经应用的 class 开始元素：
<td data-toggle="collapse" data-target="#accordion1"
class="clickable collapsed" style="cursor:pointer">