当前位置: 首页 > 知识库问答 >
问题:

引导4-切换折叠/仅显示显示

端木志诚
2023-03-14

这让我快发疯了。

我只想有一个按钮来显示和隐藏Bootstrap4中的DIV,每当我切换class=“collapse”时,DIV会显示但不会折叠。

在页面加载div折叠,按钮只工作一次,看着开发者视图在Chrome每当点击按钮它从折叠切换到collapse.show?再次单击它,它每次都会填充collapse.show。

JQuery在标题中。

<button data-toggle="collapse" data-target="#site- 
details">Collapsible</button>

<div class = "collapse" id="site-details">
<div class="container" id="container-dash1">
    <div class="row">
         <div class="col-lg-10 col-md-4 col-sm-6">
            <div class="card" style="width: 18rem;">
   <div class="card-header">.....etc

感谢任何帮助,这让我发疯。在多个设备/浏览器上测试

共有1个答案

富辰阳
2023-03-14

已解决,页面中有两个Bootstrap/JQuery实例。

使用了标题/内容设置,两者都有BS/JQ包含,显然他们有一个论点!

 类似资料:
  • 我尝试了和(切换到和从透明的),但没有成功。我也看不到任何内置的方法来做我想要的事情。 我只想在CollapsingToolbarLayout完全折叠时显示标题,否则,我需要隐藏它。

  • 我有下面的div,希望在单击按钮时显示它。 我在按钮点击事件中使用这个jquery代码。 $('.container collapse')。removeClass('.container collapse')。addClass(“容器”); 为什么现在不显示div,因为我已经改变了类? 它抛出一个错误未捕获的类型错误:$(...)。

  • 试着在bootstrap中做一个navbar。标题占用了所有空间,折叠div没有显示。而我从教程中输入了完全生成输出的精确代码。我做错了什么?这里是Bootstrap初学者。 我创建了一个带有navbar-hear和navbar-collable div的nav标记,其中有两个navbar选项列表 null null navbar-nav元素是不可见的,如果我移除caplable class,它们

  • 我只是开始尝试做一个新的引导站点,并希望有搜索栏作为一个单独的折叠切换的一部分。基本上在navbar的右边,我想要搜索栏切换,然后菜单切换。 我有以下几个问题: 我怎样才能点亮这两个按钮,使它们在右侧相邻?其中一个似乎坐在中间,我不知道为什么。 由于我将表单分隔成一个不同的DIV,它似乎不再对齐页面的右侧,而是缩进了一些。为什么? 我一次只打开一个折叠菜单。例如。如果搜索是打开的,我点击菜单切换,

  • 问题内容: 我正在使用Bootstrap v3。 我已经设置了导航栏类,因此当我将屏幕移动大小时,导航会折叠,并且会出现类似网格的小切换按钮-因此,它可以按预期工作。 我想要的是将其作为所有屏幕尺寸的默认操作。也就是说,即使在台式机上,我也希望折叠导航并使切换按钮可见。 我已经通过CSS进行了查看,并且提供了很多功能,尽管我不知道要更改哪些部分。 我尝试注释掉较大的媒体查询,尽管其中有很多,而且似

  • 移动端如果使用异步组件加载那么还是需要一点等待时间的,在网络慢时等待时间会更长。显示Loading状态缓解一下用户等待情绪就十分重要。 如果你使用vue-router和vuex,那么可以很容易实现。 首先,注册一个module来保存状态 const store = new Vuex.Store({}) // 这里你可能已经有其他 module store.registerModule('vux'