在需要显示的元素上使用Bootstrap的折叠类: inline-block何时可见
在需要显示的元素上使用Bootstrap的折叠类inline-block可见的条件是当元素处于折叠状态时，即元素被折叠隐藏起来时，使用inline-block类可以使其可见。
折叠类是Bootstrap提供的一组用于控制元素折叠状态的CSS类。其中，inline-block类用于将元素的显示方式设置为内联块级元素，使其在同一行内显示，并且可以设置宽度和高度。
使用inline-block类可见的场景包括但不限于以下几种情况：
- 折叠导航菜单：当使用Bootstrap的导航组件中的折叠导航菜单时，可以在需要显示的菜单项上添加
inline-block类，使其在菜单折叠时仍然可见。 - 折叠内容区域：当使用Bootstrap的折叠组件时，可以在需要显示的内容区域上添加
inline-block类，使其在内容折叠时仍然可见。 - 折叠表格列：当使用Bootstrap的表格组件时，可以在需要显示的表格列上添加
inline-block类，使其在表格列折叠时仍然可见。
腾讯云相关产品中，与折叠类相关的推荐产品是腾讯云的Web+，它是一款支持快速构建Web应用的云托管服务。通过Web+，您可以轻松部署和管理您的Web应用，并且可以使用Bootstrap的折叠类来实现元素的折叠和可见。
更多关于腾讯云Web+的信息，请访问：腾讯云Web+产品介绍
相关·内容
我使用的类collapse来隐藏页面上的一个容器元素，同时在我的<a>样式表.link-group a { display: inline-block }中设置了什么时候它最终会显示出来，但是这当然会有冲突，并且在页面加载时立即显示元素-忽略Bootstrap的collapse。示例：
什么是一个好的，干净的
浏览 12提问于2017-03-14得票数 2
1回答
自举折叠堆叠元素
、、、、
我使用bootstrap 4.0.0折叠来隐藏和显示一个bootstrap "row“。该行包含四列按钮- "col-md-3“。这一行的布局就像我想要的一样，直到我添加了“折叠”类，这会导致行中的所有cols像块元素一样堆叠。
这是一个众所周知的事情吗，你不能放置一行，或者复杂的元素被折叠？下面是之前和之后
浏览 1提问于2018-02-08得票数 0
2回答
我原以为按下按钮后，<div id="dni">会显示出来，但什么都没有改变。怎么了？ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
浏览 0提问于2015-11-29得票数 0
是否可以使用bootstrap来折叠侧边栏div --仅在手机上？我该如何着手做一些像图像中的例子一样的事情？因此，在手机上，侧边栏会折叠，当点击时，侧边栏会展开。我在这里看到了一些类似的问题，但没有完全像这样的问题。有没有人能解释一下或者至少给我指个正确的方向？提前谢谢。
浏览 2提问于2013-01-18得票数 6
我正在尝试让Bootstrap 4导航栏只部分折叠。
基本上，我希望一些对齐到右边的项目始终可见，而如果你试图在移动设备上打开网站，左边的大多数导航栏项目都会折叠成菜单。问题是，当您展开该菜单时，折叠的元素显示在固定菜单之前，正如您所期望的那样，但出于明显的美学原因，我希望它们显示在下面。工作
浏览 23提问于2018-08-11得票数 0
回答已采纳
1回答
我使用Bootstrap的折叠功能获得了一个手风琴菜单，我尝试根据Bootstrap用于显示和隐藏可折叠元素的CSS类对其进行样式化。我的问题是，当文档被完全加载时，collapsed类不会加载在折叠的元素上，而它们看起来是折叠的。因此，我的</em
浏览 1提问于2017-05-31得票数 1
我正在尝试使用Boostrap，以显示更多的正文副本-所以需要显示的内容与介绍文本内联。我在结尾处使用more链接作为触发器，如下所示： Intro text <span id="intro" class="collapse"> the rest of the sentence.</span>
<a data-toggle="collaps
浏览 0提问于2012-08-15得票数 3
回答已采纳
我的手风琴手风琴有问题。()可折叠的组项目工作正常。接下来，我得到了一个隐藏和显示可折叠组项目的代码。$(".accordion-group").first().hide();$(".accordion-group").first().show();
4)用户无法打开第一个组项目
浏览 1提问于2013-04-29得票数 1
1回答
我已经找了很多，但还没有找到解决这个问题的简单方法。当您单击按钮时，它将打开，并且不会再次关闭，有什么可能丢失的建议吗？
浏览 1提问于2018-06-11得票数 1
1回答
我正在编写一个插件，标记特定的行，并试图在代码编辑器上为特定行绘制高亮标记。为此，我需要计算特定代码行(即缓冲区中的行)在屏幕上的位置。Delphi代码编辑器可以通过IOTAEditView的BottomRow和TopRow属性访问屏幕上哪些行是可见的。然而，在较新的IDE版本中，代码区域和方法可以折叠--也就是说，将几行<em
浏览 3提问于2014-04-16得票数 3
回答已采纳
我使用Twitter的Bootstrap 3“折叠”在一列中显示和隐藏一些内容，而另一列则需要保持与具有可折叠内容的列相同的高度。在搜索使这两列保持相同高度的方法时，我发现了SAM152：对此说明的引用。这是一个“崩溃”的例子--页面上
浏览 1提问于2015-02-23得票数 0
回答已采纳
我在我的网站上使用了几个bootstrap折叠元素。折叠元素由read-more按钮控制，这些按钮中有一个图标，该图标根据折叠元素的状态而变化。我通过向按钮添加一个类来实现这一点。问题是类被添加到了所有的按钮中。如何将类仅添加到特定的折叠元素按钮？data-bs-target="#c
浏览 0提问于2021-02-19得票数 2
我想知道如何将bootstrap 4集成到我的vue.js 2.6中。我知道有很多教程，但它们要么都是2020年底的obsolete，要么就是require使用bootstrap-vue，它把一大堆垃圾标签带到了我讨厌的表格中。因此，如果您能提供一个与vanilla bootstrap 4集成的完整示例，我将不胜感激。
浏览 23提问于2020-11-27得票数 0
回答已采纳
3回答
也许品牌导航栏按钮不是这样做的方式，但当我希望是当导航栏折叠并显示切换按钮时，我希望出现一些文本或主页链接。我希望在导航栏没有崩溃的时候隐藏品牌。这个是可能的吗？
浏览 0提问于2014-11-08得票数 5
回答已采纳
1回答
为了在表中的组之间绘制线条，我有以下要求(其中组可以嵌套和交错)。我想知道是否有人有任何简单/聪明的方法可以做到这一点？
我目前最好的想法是，每一行都维护它所属的组的状态，以及该组的缩进程度。然后，在渲染时，我渲染向左“浮动”的div/span，提供必要的缩进和必要的线条样式。尽管我认为这会“奏效”，但我还是想知道是否有更好的方法。
浏览 2提问于2016-10-26得票数 0
我想在导航栏切换按钮旁边显示一个显示在导航栏上的电话号码。只有当导航栏处于折叠状态时，切换按钮才会出现。我希望文本出现在它的旁边。这是我现在所拥有的：这就是我想要实现的：相关div中的HTML：
<div class="header-centered"><img src="http://placehold.it<li><a h
浏览 2提问于2013-02-21得票数 4
回答已采纳
3回答
如何动态地不折叠一个引导带肚脐？
、、、、
我的页面有多个版本，其中navbar中的项目数差别很大。项目的确切数量在服务器上确定。我知道我可以用创建一个静态CSS来控制崩溃触发宽度。但是有两个版本的引导CSS (一个用于大屏幕崩溃，一个用于小屏幕崩溃)，
浏览 4提问于2014-02-16得票数 3
回答已采纳
2回答
如何使用Bootstraps折叠功能，使其仅适用于移动设备而不复制代码，即我知道如何使用可见和隐藏类来获取它，但我正在寻找一种更优雅的解决方案，其中我不必复制代码。目前，以下选项将应用于所有屏幕尺寸的切换：
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#1" aria-expanded
浏览 0提问于2015-11-02得票数 2
3回答
我正在构建一个小应用程序，我使用的是AngularJS。在应用程序中，我需要一个可折叠的元素，使用Twitter Bootstrap就像在我的目标元素和触发器上添加库和一些标签一样简单。我正在尝试转换高度(因为元素在高度上有转换)，最后只需添加类in。但这并不是很有效，因为如果我在监听转换端，它将在该元
浏览 0提问于2013-02-15得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
