Bootstrap 4:当上面的部分关闭时，关闭打开的部分
Bootstrap 4是一个流行的前端开发框架，它提供了一套用于构建响应式和移动优先的网站和应用程序的工具和组件。当上面的部分关闭时，关闭打开的部分可以通过使用Bootstrap 4的折叠组件来实现。
折叠组件是Bootstrap 4中的一个功能强大的组件，它允许用户在页面上切换显示和隐藏内容。当上面的部分关闭时，可以使用折叠组件来关闭打开的部分。
折叠组件的基本用法是通过添加一些特定的HTML和JavaScript代码来实现。以下是一个示例代码：
HTML代码：
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
点击打开/关闭
</button>
<div class="collapse" id="collapseExample">
<div class="card card-body">
这是要关闭打开的部分的内容。
</div>
</div>在上面的代码中，按钮元素用于触发折叠效果，data-toggle和data-target属性用于指定要折叠的目标元素。data-toggle="collapse"表示点击按钮时切换折叠状态，data-target="#collapseExample"表示目标元素的ID为collapseExample。
目标元素是一个div元素，具有collapse类，表示它是一个可折叠的元素。当折叠状态为关闭时，它的内容将被隐藏。
通过上述代码，当用户点击按钮时，目标元素的折叠状态将切换，从而实现关闭打开的部分。
Bootstrap 4还提供了其他一些选项和样式来自定义折叠组件的行为和外观。你可以参考Bootstrap 4的官方文档来了解更多关于折叠组件的详细信息：Bootstrap 4 折叠组件
腾讯云提供了一系列与前端开发和云计算相关的产品和服务，例如云服务器、云存储、云数据库等。你可以访问腾讯云的官方网站来了解更多关于这些产品的信息：腾讯云
相关·内容
1回答
我在下面的Bootstrap选择框中遇到了一点小问题
正如你可能注意到的那样，当上下滚动页面时，它令人不安的下拉列表会向上/向下打开。
现在我不确定这是错误还是Bootstrap Select的标准功能。
预览：
我如何才能修复这个问题，使其只向下打开？
提前感谢您的帮助。
浏览 17提问于2017-08-30得票数 3
回答已采纳
我从其他帖子中找到了一种close all activities的方法：
Intent intent = new Intent(Logout.this, MainActivity.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
intent.putExtra("Exit me", true);
startActivity(intent);
finish();
if( getIntent().getBooleanExtra("Exit me", false)){
finish();
浏览 1提问于2015-04-25得票数 0
回答已采纳
当上下文菜单或文件菜单打开时，任何点击alt(应用程序切换程序)的尝试都会被忽略，并且菜单将保持打开状态。这发生在大多数应用程序中(除了一些基于铬的应用程序，如vs代码)。
问题:即使打开上下文菜单，如何强制alt选项卡？
浏览 0提问于2019-01-06得票数 1
我在页面的左侧设置了一个我认为是简单的twtter bootstrap折叠项目：
当您单击一个折叠面板标题时，它将打开，但当您单击另一个标题时，它也会打开该标题，而不是关闭第一个标题并打开第二个标题。
我已经将网站升级到最新的bootstrap js和css。
我怎么让它在打开另一个的时候关闭打开的那个？
谢谢
浏览 0提问于2012-09-01得票数 4
回答已采纳
我有下面的例子来说明我是如何尝试使用引导崩溃javascript特性的。
即使当打开不同的div时，所有其他div都关闭，第6个div仍保持打开状态。我使用托管的bootstrap.min.js和bootstrap.min.css文件作为资源。这是bootstrap-cliumse.js实现中的已知bug，还是我忽略了标记中的错误？
浏览 0提问于2012-09-10得票数 0
回答已采纳
我正在使用和Bootstrap。我的移动视图中有一个折叠的导航条，当页面上出现以下Javascript时，切换按钮就不工作了：
$( function() {
$('a[data-imagelightbox="ufo"]').imageLightbox({button: true, quitOnDocClick: true, navigation: false, arrows: true, overlay: true, caption: true});
$('a[data-imagelightbox="dreifeld"]').
浏览 2提问于2017-02-10得票数 0
回答已采纳
我在xamarin forms项目的列表视图中使用上下文操作(ViewCell.ContextActions)。因为我在列表顶部有一个"add new“按钮，所以我想识别上下文菜单何时打开或关闭(这样当上下文菜单打开时，我就可以从屏幕上删除该按钮)。我的问题是:在xamarin表单中，有什么方法可以识别上下文菜单何时打开？感谢您的帮助！
浏览 15提问于2020-10-17得票数 1
当然，这是一个愚蠢的问题。但是，我的问题是:我应该如何在twitter bootstrap中设置单个div容器的样式？除了它的默认样式，我如何应用我自己的样式？
例如：<div class='span8'></div>
当上面的标签已经有一个类时，我如何将我自己的样式应用到上面的标签中？
浏览 2提问于2013-07-27得票数 0
我在一个web应用上使用Bootstrap，它有一些包含iframe的页面。此时，我们无法删除iframe。Bootstrap下拉菜单可以很好地打开，但如果您单击页面中属于iframe的任何区域，则折叠事件不会触发。
示例如下：
尝试单击以在iframe外的任何位置关闭菜单，然后在iframe内关闭菜单。注意: iframe内容似乎没有显示在小提琴中，但您可以看到我的问题。
你知道怎么让它在点击页面的任意位置时折叠吗？
更新:在@baptme answer的帮助下，我能够让它工作。在我下面的回答中描述的。
浏览 2提问于2012-07-06得票数 7
回答已采纳
因此，对于我的安卓应用程序，我已经创建了一个SurfaceView，并指定它作为摄像机预览，并使用必要的API启动相机预览。但现在我想在预览工作时打开手电筒(有点像火炬一样)。
请注意，我已经在网上看到了大量关于如何打开手电筒的例子，只要我不调用开放的相机API，它就能工作。下面是密码-
try
{
CameraManager cameraManager = (CameraManager)context.GetSystemService(Context.CameraService);
if (cameraManager != null)
{
//for
浏览 2提问于2019-01-11得票数 1
回答已采纳
我想在component 1的帮助下打开或关闭另一个模块中的modals。但目前我无法访问该组件中modals的modalRef，以便我可以关闭/打开它。
假设这个场景
单模块
<component1></component1>
另一个模块这个模块有多个组件，每个组件都有模式，我需要根据组件1的条件显示或隐藏它。
<component2> //have ng bootstrap modal in it </component2>
<component3> //have ng bootstrap modal in it </com
浏览 47提问于2017-10-17得票数 4
回答已采纳
当上传的图像有点长时，我在全屏上执行bootstrap 4 carousel时遇到了问题。有没有办法让图像是全宽的，但基于position: center, background: cover进行裁剪。换句话说，我正试图使页面不可滚动。 我试过参考这个网页：Bootstrap Carousel Full Screen，但每当我尝试另一个背景时，它就会伸展并创建一个滚动条。 以下是github存储库:如果需要，请使用https://github.com/celestialbunny/project1
浏览 12提问于2019-03-04得票数 0
我有一个在线表单，我想通过堆叠模式窗口(它只是有意义的方式)。在打开两个模式窗口，然后关闭最上面的一个时，滚动条会从模式窗口下面的内容中返回。
下面是一个示例：
关闭第二个窗口时，只需查看屏幕的右侧。
有什么我能做的吗？我是Bootstrap的新手，我希望能够通过CSS和bootstrap来解决这个问题，但是javascript也不是不可能的。
浏览 31提问于2016-08-30得票数 3
回答已采纳
7回答
嗨，我是第一次使用Bootstrap，在单击submit按钮时，我无法得到我的模式表单来保持打开。我已经搜索过了，但是所有相关的问题都会处理稍微不同的问题(例如下面的例子)。
浏览 7提问于2013-09-19得票数 25
回答已采纳
2回答
这是一个突出问题的示例：
<TextBlock Text="double click me" Width="150" Height="25"
ContextMenuOpening="TextBlock_ContextMenuOpening"
Mouse.MouseDown="TextBlock_MouseDown">
<TextBlock.ContextMenu>
<ContextMenu>
浏览 0提问于2017-02-15得票数 0
1回答
我有模式，当打开的时候，我想加载我的css文件和关闭后，模式加载的css文件已从页面中删除。
我在电子商务网站上工作，页面包含bootstrap version 3.2.0从一开始，现在我有创建添加到购物车模式，包含bootstrap version 3.3.6所以，我只想加载bootstrap v3.3.6时，模式打开和删除时关闭。
这是jquery中的想法吗？
浏览 1提问于2016-03-29得票数 1
我使用的是MagpieRSS解析器，它在本地系统中运行良好，但是当上传到服务器时，会显示以下错误：
警告: MagpieRSS:解析RSS文件失败。(无效的文档结束在第36行，第10列)在/homepages/4/d404449574/htdocs/yellowandred_in/rss_fetch.inc中的第238行
浏览 1提问于2012-10-08得票数 0
我正在做一个使用Bootstrap 4的react项目。Bootstrap已经通过CDN导入了。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="
浏览 0提问于2018-09-23得票数 8
回答已采纳
4回答
我已经在WordPress中创建了一个弹出窗口，当访问者IP来自澳大利亚时，它将打开。弹出窗口将显示在页面加载中。我想让它不显示直到浏览器屏幕关闭。
为此，我用了饼干。单击“关闭”按钮并使用ajax在PHP中创建cookie时，我将设置cookie。
下面是我用来创建cookie的代码：
setcookie("stay_here", "yes", 0, "/");
我将cookie时间设置为0，以便在浏览器关闭时破坏它。问题是，站点具有用户帐户区域，并且当用户登录到用户会话中时，将创建用户会话。关闭浏览器后，此会话不会破坏。当上面的cookie
浏览 0提问于2018-07-05得票数 0
回答已采纳
1回答
对于这些代码，有一个“启动模式”按钮来打开模型，然后在模型中，还有一个按钮“启动modal2”来在模型上打开一个新模型(只需调用model2)。
当我点击model2上的关闭按钮时，所有的模型都将关闭。我怎么才能修复它呢？
请注意，我需要将model2放入模型中以显示数据。
谢谢。
<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>
<div class="modal" id="my
浏览 1提问于2021-04-16得票数 0
如果用户关闭了wifi，下面的内容不会打开，对吧？：
WifiManager manager = (WifiManager)context.getSystemService(
Context.WIFI_SERVICE);
manager.startScan(); <-- !
我想确保当上面的命令被调用时，wifi没有被打开(如果关闭)，
谢谢
浏览 2提问于2011-09-21得票数 0
回答已采纳
我在Bootstrap 4 Accordion卡的每个标题中都有一个svg箭头图像。我想让我打开的标题的箭头在打开时旋转180度，如果我关闭它或打开另一个标题，它会切换回它的初始状态。现在，箭头只在我按住单击时旋转，然后在我松开鼠标后立即返回到初始状态。有什么帮助吗？ CSS .arrow:active {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
} HTML <div class="card">
&
浏览 54提问于2021-01-01得票数 0
回答已采纳
我一直试图在表格room_tb中显示我的表form.but的数据，我得到了这个错误。(！)解析错误:语法错误，意外的$end，期望第44行中的"'“。这是我的code.Tell，我做错了什么，因为我不知道发生了什么。前几天我在工作，但当我打开笔记本电脑时，这个错误就发生了。
<?php
mysql_connect('localhost','root','');
mysql_select_db('iwant2');
?>
<!DOCTYPE html>
<html lang=&
浏览 0提问于2013-08-14得票数 1
回答已采纳
1回答
我很好奇为什么相同的链接(下面的例子)会根据打开方式的不同而表现不同。有谁能帮我澄清一下吗？ 链接：https://mywebsite/home 当上面的链接通过电子邮件发送时，该链接通常会在浏览器中打开。然而，当链接在网页上并被点击时，它通常会在相应的应用程序中打开。 是否有任何可用选项可以帮助提高性能的一致性？ 谢谢。
浏览 11提问于2020-11-10得票数 0
我在我的应用程序中使用，我有两个组件。
父Html：
<div id="list">
<ul><li class"list li><a id="modal1" (click) = "openmodal($event)"></a>
....
....
</div>
父组件：
import { Component, OnInit } from '@angular/core';
import { ChildModalComponent } from '
浏览 1提问于2018-12-31得票数 0
在Angular 2 ng-bootstrap中，是否可以在悬停时打开bootstrap navbar ngbDropdown？
浏览 0提问于2018-05-17得票数 1
我已经在弹出的bootstrap 2.3.2中添加了Skype按钮。当我点击通话或聊天，然后关闭弹出窗口时，Skype每次打开模式弹出窗口时都会要求连接。
浏览 0提问于2013-09-01得票数 0
1回答
与剃须刀支付OAuth连接流问题
、、、、
目前，我正在添加功能来连接我的站点上使用的剃须刀商人。
生成url来重定向商家，以便在下面的URL上进行登录和许可。
注意:客户机id是从页面生成和下载的。
但是当上面的URL在新窗口中打开时，它会产生下面的错误
有人能帮我解决这个问题吗？
浏览 2提问于2022-06-06得票数 0
1回答
我正在使用JQuery和Javascript为Google Chrome开发一个扩展，我想在用户打开上下文菜单时将变量设置为"true“，当上下文菜单被隐藏时将变量设置为"false”。
我可以用下面的代码检测它何时打开：
var contextMenuOpen;
$(document).on("contextmenu", function(e){
contextMenuOpen = true;
});
但我不知道如何才能检测到它是否隐藏。
提前感谢并为我的英语表达歉意。
浏览 0提问于2014-05-23得票数 0
我试图使用Netty4Http组件发送大量HTTPS请求。下面是测试这一特性的示例代码：
import java.util.HashMap;
import java.util.Map;
import java.util.concurrent.CompletableFuture;
import org.apache.camel.CamelContext;
import org.apache.camel.CamelExecutionException;
import org.apache.camel.ProducerTemplate;
import org.apache.camel.compone
浏览 1提问于2017-06-29得票数 0
6回答
我在一个单页网站上使用twitter bootstrap modals。当我单击按钮打开模式时，背景跳到页面顶部并打开模式。当您单击模式中的关闭按钮时，也会发生同样的事情。
我尝试将下面的代码添加到我的CSS文件中。这阻止了背景跳到顶部，然而，我现在可以在打开模式的情况下滚动背景，这也是我不想要的。而且当我的模式溢出时，我可以同时看到模式和背景的滚动条。
body.modal-open {
overflow: visible;
}
有没有其他方法可以解决这个跳转问题，而不是让用户在打开模式时滚动背景？
浏览 10提问于2016-08-29得票数 1
"codeceptjs"："^3.0.2“"@wdio/selenium-standalone-service"："^6.8.0”"webdriverio"："^6.8.0“
示例代码：
<code>A0</code>
当上面的代码在正常模式(非无头模式)下运行时，无论是否启用了stepByStepReport，它都工作得很好。
当上面的代码在无头模式下运行并且启用了stepByStepReport时-它挂在I.switchToNextTab()上，看起来它不能在这里截图
切换到下一选项卡»截图已保
浏览 8提问于2020-11-18得票数 1
我用bootstrap控件创建了管理面板，让我们以产品模块为例。因此，当用户单击产品菜单项时，它将打开产品列表，而当用户单击编辑/详细信息时，我希望产品列表页面保持原样，但在同一窗口中以新选项卡的形式打开编辑页面。我已经参考了下面的图片，你能告诉我如何使用bootsrap获得这个吗？我不想在Ajax中使用bootstrap标签和bootstrap标签，因为我必须在同一页中输入列表和详细信息的代码，这将导致性能问题，相反，代码将保留在不同的页面中，但它们将呈现为同一窗口中的标签，并且用户可以在标签之间切换并执行他们的操作。
浏览 3提问于2016-09-26得票数 0
我在rails表单中使用bootstrap datepicker时发生了一些奇怪的行为。我在部分代码中使用form_for进行编辑和新建。在编辑时，当单击日期字段时，日历显示完美，但当添加新记录时，日历被包含最近通过表单输入的大约6个日期的下拉列表所覆盖。日历控件也在列表下打开。我可以看到它的右边。此外，当我移动浏览器窗口或转到另一个打开的应用程序，然后返回浏览器时，只有日历is there...the下拉列表消失。太奇怪了！
我已经寻找了几个星期的解决方案，我已经搜索了互联网和datepicker文档，但就是不能解决这个问题。任何指导都很感谢！
这是我的form_for中的text_fiel
浏览 7提问于2019-08-04得票数 0
回答已采纳
1回答
我在CodePen上有免费帐户。在我的代码中，我使用Bootstrap，但我也覆盖了CodePen CSS编辑器中的一些引导类。在HTML的head标记中，我定义了加载顺序：
link rel="stylesheet" type="text/css" href="bootstrap.min.css" <br>
link rel="stylesheet" type="text/css" href="custom.css"
也就是说，我的custom.css必须重写Bootstrap类。但是
浏览 3提问于2022-10-24得票数 0
回答已采纳
1回答
我使用的是Twitter的Bootstrap插件bootstrap-modal。它工作得很好，除非它后面有一个flash元素。当bootstrap模式对话框打开时，后面有flash元素，flash元素就在所有其他元素之上。我该如何解决这个问题？
浏览 0提问于2012-02-25得票数 3
回答已采纳
当通过appcache缓存当前页面时，试图在链接上使用getJSON时，我遇到了问题。浏览器是在线的，我已经查过了navigator.onLine，我很确定我的互联网是连接的。我尝试过appcache和you，而且似乎只有使用AppCache时才有错误，这使我相信我做错了什么，或者当页面加载了AppCache时，您无法发送json请求？
以下是打开和不打开appcache的json请求(请参阅下面的代码)的结果：
使用AppCache (失败)：
没有AppCache (Yay工作)：
注意：请求是跨域的，尽管我在目标上设置了Access-Control-Allow-Origin。
浏览 1提问于2016-01-18得票数 0
回答已采纳
我有一个与树视图相关联的contextmenuStrip。
现在，例如，我在树结构中有四个节点，并且选择了Node 4。
行为: ContextMenuStrip -当右键单击Node2时，该节点将被选中，一旦上下文菜单条打开，焦点将返回到Node4。
对于旧的组件“上下文菜单”，此功能运行良好，即节点2在上下文菜单打开之前具有焦点。
只要上下文菜单处于打开状态，我就希望选择Node 2。当上下文菜单关闭时，选择/焦点应返回到节点4。
敬请指教。
感谢并向Sumit致以最良好的敬意
浏览 2提问于2010-09-07得票数 2
2回答
我正在使用下面的vba代码打开一个油灰屏幕上的按钮点击。
TaskID = Shell("C:\putty.exe 173.194.127.210", vbMaximizedFocus)
当打开新屏幕时，标题栏将包含字符串"173.194.127.210 - PUTTY“。当上述代码打开新屏幕时，我希望通过vba代码将"173.194.127.210 - PUTTY“更改为"173.194.127.210 - HELLO”。有人能分享这样做的代码吗？请注意，我没有使用超级腻子。
通过以下步骤，我能够手动完成相同的操作：
右键单击腻子屏幕的标题栏打开。
浏览 4提问于2014-04-10得票数 0
苹果的UIDocumentInteractionController文档展示了presentOpenInMenuFromBarButtonItem:动画:方法：“如果没有支持打开文档的注册应用程序，文档交互控制器就不会显示菜单。”在我的应用程序中，我想显示一个按钮当且仅当上有一个应用程序会打开它。(我只希望按钮弹出一个菜单来打开一个文件，我不想要QuickLook、复制或打印)。就目前情况而言，如果按钮在那里，但没有注册应用程序可以打开相关文件，用户就会得到令人不满意的体验，即按钮在点击时什么也不做。
所以-我能找出是否有任何/没有注册的应用程序支持打开特定的文档类型吗？显然，UIDocume
浏览 2提问于2011-06-04得票数 6
回答已采纳
class MyDestructableClass {
function __construct() {
print "\nIn constructor\n";
$this->name = "MyDestructableClass";
}
function __destruct() {
print "\nDestroying " . $this->name . "\n";
}
}
$obj = new MyDestructableClass();
当
浏览 7提问于2010-03-05得票数 61
模式未正确打开。下面是屏幕截图：
这是我的package.json“依赖项”：{ ""："^5.2.0"，""：“”^5.2.0“”，""："^5.2.0"，""："^5.2.0"，""：“”^5.2.0“”，""："^5.2.0"，""："^5.2.0"，""："^5.2.0"，""："^5.2.0"，"@ng-bootstrap/
浏览 18提问于2018-02-27得票数 2
2回答
网站显示移动设备上的空白
、、、、
当我在iPhone 6plus上打开我的网站时，它看起来棒极了。下面的任何内容，我都会在右侧看到这个恼人的空格。
我也在使用skeleton.css和bootstrap。
浏览 0提问于2015-11-10得票数 0
p {
white-space: pre-line;
}
<p>
line 1
line 2
line 3
</p>
当上面的示例在Edge 17中打开时，它会被正确渲染，如下所示：
line 1
line 2
line 3
但是，当您尝试从此浏览器打印它时，它会变得一团糟。打印预览将其显示为：
line 1 line 2
line 3
是浏览器的bug还是我的错？
浏览 1提问于2018-06-04得票数 0
当div打开时，我想通过ajax将html内容加载到其中。这是我使用的代码：
$(document).ready(function () {
$('#country').click(function () {
$("#country_slide").slideToggle();
});
$('#close').click(function (e) {
e.preventDefault();
$('#country_slide').slideToggle
浏览 0提问于2013-06-06得票数 1
回答已采纳
如何关闭使用C#?创建新页时打开的OneNote窗口
我下载了Matthias的GetOCR C#项目(来自：)。但是，在执行GetOCR代码时，OneNote窗口会打开，即使在方法完成执行之后也会保持打开状态。
我知道关闭此窗口的一种方法可能是使用下面的WM_CLOSE发送WindowHandle：
app.Windows.CurrentWindow
但是，我想知道是否有一种“更好”的关闭OneNote窗口的方法(本机由OneNote API支持)。我似乎找不到任何关于OneNote API页面( )的指导。
浏览 2提问于2015-04-30得票数 1
2回答
架设3手风琴手风琴的公开三角形
、、、、
我非常沮丧的是，Bootstrap 3手风琴控件似乎没有一个内置-n类切换打开/关闭的标题手风琴。
我需要一个手风琴，当它的子文件打开时，头部上有一个css类，而另一个类是关闭的。下面的代码我很熟悉，但这并不包括用户关闭并已经打开窗格而不选择其他窗格的情况--只有在您一直选择不同的窗格时，它才能正常工作。
我需要标题正确地显示状态的三件事：
设置为默认打开窗格时(将"in“类添加到该窗格的html中)
手动打开或关闭时，显示正确的类。
关闭时，单击另一个打开的窗格
我到目前为止
$(function() {
$('h4.panel-title&
浏览 3提问于2014-05-29得票数 1
我有一个最奇怪的问题，我从来没有遇到过，也没有找到任何解释。我页面的第一部分工作起来像普通版()。但是我页面的下一部分就像一个可点击的链接或按钮()。当单击此部分的任何位置时，它会回滚到顶部。显然，这是不想要的。任何帮助都是很棒的！
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
浏览 2提问于2016-12-26得票数 0
回答已采纳
2回答
我得到了一个带有引导模式的页面(手册：)。
我想有这个模式打开页面加载。然而，这并没有发生。
<!-- Modal -->
<div class="modal fade" id="memberModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div
浏览 1提问于2015-01-21得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
