gpt4 book ai didi

javascript - Bootstrap 响应 : Show multiple div in collapse mode

转载 作者:行者123 更新时间:2023-11-28 15:23:12 26 4
gpt4 key购买 nike

在 bootstrap nav 中,我们可以以折叠格式显示菜单。类似地,我想以 collasing 格式显示 div。例如,如果它是移动 View ,则只显示顶部的 div,并在折叠模式下隐藏所有的 div。我知道 Bootstrap 响应中的以下支持

.visible-phone  
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop

如果不支持,请分享如何实现它的想法。

最佳答案

nirajkumar,看看这个 Fiddle .
你可以使用 .hidden-xsBootstrap 类在这里做你想做的事。
使用版本 3.3.4。

<div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-1 col-lg-3 col-lg-offset-1 text-center block2 hidden-xs">
Div #1
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-2 col-lg-3 col-lg-offset-4 text-center block2">
Div #2
</div>

关于javascript - Bootstrap 响应 : Show multiple div in collapse mode,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30820792/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com