Bootstrap 4切换如何在单击时仅切换一个元素，而不是全部
Bootstrap 4是一种流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发人员快速构建响应式网页。在Bootstrap 4中，切换元素的行为可以通过使用Collapse插件来实现。
要实现在单击时仅切换一个元素，而不是全部，可以使用以下步骤：
- 在HTML文件中引入Bootstrap的CSS和JavaScript文件。可以通过以下链接获取腾讯云CDN上的Bootstrap文件：
- CSS文件：https://cdn.staticfile.org/twitter-bootstrap/4.6.0/css/bootstrap.min.css
- JavaScript文件：https://cdn.staticfile.org/twitter-bootstrap/4.6.0/js/bootstrap.min.js
- 在HTML文件中创建切换元素的结构。例如，可以使用Bootstrap的折叠组件（Collapse）来创建一个可切换的面板。以下是一个示例代码：
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
切换元素1
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
这是切换元素1的内容。
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
切换元素2
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
这是切换元素2的内容。
</div>
</div>
</div>
</div>在上面的代码中，我们创建了一个折叠组件（accordion），其中包含两个切换元素（card）。每个切换元素都有一个按钮，通过设置data-toggle和data-target属性来实现切换功能。
- 在JavaScript文件中初始化Collapse插件。可以通过以下代码来实现：
$(document).ready(function(){
$('.collapse').collapse();
});在上面的代码中，我们使用jQuery选择器选中所有的折叠元素，并调用collapse()方法来初始化Collapse插件。
以上就是在Bootstrap 4中实现在单击时仅切换一个元素的方法。通过使用Collapse插件，我们可以轻松地创建可切换的元素，并根据需要进行定制。腾讯云没有提供与Bootstrap 4直接相关的产品，但可以使用腾讯云提供的云服务器（CVM）来托管和部署使用Bootstrap 4开发的网站。
相关·内容
1回答
我正在尝试在单击时更改Bootstrap弹出窗口中的延迟选项。我希望结果是这样的，当你点击第二个按钮时，弹出窗口会立即显示出来，但它没有，我也不知道为什么。 我试着使用dispose，disable，hide，但它们都不起作用。有谁有什么想法吗？ $('[data-toggle="popover"]').popover({
trigger: "hover",
delay: {
show: 1000,
hide: 150
}
})
$('#popOnAnother').click((event)
浏览 29提问于2019-05-16得票数 3
回答已采纳
我一直在尝试学习jQuery的.animate()函数，我已经有了一些要动画的东西，但是我还没有能够以我想要的方式为我的表设置动画。
以下是html表：
<div class="topSectionContainer">
<div id="dropDownArrow">►</div><span class="editLabelTitle">Page Settings</span>
<table class="topSectionTable
浏览 4提问于2013-09-30得票数 0
回答已采纳
我需要帮助隐藏/折叠导航栏后，在一个锚点登陆页面。 我在Bootstrap 4.x上使用了这个脚本 <script type="text/javascript ">
$(document).on('click', '.navbar-collapse', function(e) {
if ($(e.target).is('a')) {
$(this).collapse('hide');
}
});
</script&g
浏览 46提问于2021-06-29得票数 0
回答已采纳
当我单击标题时，我怎么能只显示一个细节。现在，每个元素的每个细节都将在单击时显示。
<h1>Elements</h1>
<div *ngFor="let e of elements">
<div (click)="switch = !switch">{{ element.name }}</div> <!-- Headline -->
<app-details *ngIf="switch"></app-details> <!-- D
浏览 0提问于2019-10-04得票数 2
我想使用，但我现在不能切换到使用Twitter Bootstrap的所有功能。我假设我需要直接使用较少的文件。有人能提供一个如何单独使用Twitter Bootstrap模态的示例吗？
浏览 1提问于2012-08-30得票数 1
回答已采纳
2回答
我有一堆逻辑上分开的HTML字段:一半字段位于：div id="general"中，另一半位于：div id=“高级”中。
我试图实现(并且失败)的是以下内容：
要显示的通用div中的字段(默认情况下)。显示标题为"Advanced“的按钮。以及高级div中的字段将被隐藏。
当单击此按钮时，应发生以下情况：
一般剖面折叠隐藏它的所有字段
高级部分扩展显示它的所有字段
按钮标题改为“一般”。
随后的单击会切换到上面的内容。
例如，在下一次单击时，现在隐藏高级部分，现在显示常规部分，并将按钮标题更改为“高级”
注:这似乎是微不足道的，但作为一个新的网络前
浏览 5提问于2014-11-05得票数 0
回答已采纳
我在引导4中创建了一个下拉菜单。我将下拉按钮和下拉菜单放在一个带有class=“容器”的div元素中，我希望下拉切换和下拉菜单能够获得其父元素的全部宽度。我写了这段代码
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<body>
<div class="container">
<button class="dropdown-t
浏览 0提问于2018-09-09得票数 5
回答已采纳
我正在阅读上导航栏导航控件的react-bootstrap示例。我当前的菜单按钮根本没有切换。
我在这里读了一些帖子，但它们都使用相同的代码示例，例如
<Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
<Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
<Navbar.Toggle aria-controls="responsive-n
浏览 0提问于2021-01-06得票数 0
3回答
我用引导带做了一个导航条。在这里，导航条的切换按钮总是对齐导航条的右侧。我的问题是，为什么它与它的右边是一致的？是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类，也没有在品牌和按钮之间的元素，该元素具有自动长度。那么，在此按钮上应用了哪个类的属性来使其与导航条正确地对齐？
在从ul标签中移除时，切换按钮仍然对齐导航栏的右侧。
跟我说说财产和负责这件事的班级。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l
浏览 5提问于2020-12-24得票数 1
1回答
我试图弄清楚为什么当我点击这个代码时，它会自动失去焦点-
这个想法是，当url参数的action = edit这些字段是可编辑的--在这一点上，我可以切换到编辑模式，单击标题，将上下文放入占位符--问题是，当我在输入字段内单击进行编辑时，它变成白色，光标立即离开……
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
浏览 12提问于2021-02-24得票数 0
回答已采纳
2回答
引导4:移动计算机之间的切换
、、、、
我已经使用Bootstrap的网格系统构建了一个带有侧栏的标准布局(编辑:我使用的是引导4，但仍然可以切换)。看起来是这样的：
<div class="row">
<div class="col-md-3">
...
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-4">...</div>
<
浏览 6提问于2017-03-29得票数 4
回答已采纳
我目前正在使用这个jquery来一次打开一系列div。
Jquery：(showall)
$("h4.toggle").toggleClass("active shown").nextAll().slideToggle("fast");
我正在经历的是，如果一个单独的切换被提前触发，然后有人使用了"showall"，它将反转切换，而不是显示所有其他div。因此，如果第一个是打开的，其余的是隐藏的，那么现在第一个是隐藏的，其余的是显示的。
以下是HTML div的示例：
<div id="section" c
浏览 0提问于2013-06-29得票数 2
回答已采纳
的网站告诉我们，
通过数据属性或JavaScript，下拉插件通过切换父列表项上的.open类来切换隐藏内容(下拉菜单)。
在以下代码(被认为是“通过JavaScript”)中，有以下脚本：
<script type="text/javascript">
$(document).ready(function(){
$('.myDropdownHandle').dropdown('toggle');
});
我当时的印象是，如果我们想“通过Javascript”切换，这段代码将是下拉列表工作所必需的，但是我可以删除该块，
浏览 3提问于2017-06-12得票数 0
回答已采纳
我在标题和移动设备上有两个菜单，当我单击切换按钮时，两个菜单出现，但一个菜单出现在顶部。我想在单击切换按钮时将这两个菜单合并在一个菜单上，并期望同时看到这两个菜单。我检查了这个主题Combining multiple Bootstrap menus into one for mobile?，但对我不起作用 <nav class="topmenu">
<?php
wp_nav_menu( array('menu' => 'top-menu','theme_location'=>
浏览 10提问于2019-03-14得票数 0
1回答
我正在学习如何使用bootstrap模型。我试着遵循文档和一些youtube视频，下面是我得到的：
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx
浏览 1提问于2021-05-11得票数 0
3回答
Bootstrap使用名为data-toggle的自定义属性。这个特性是如何运行的？使用它需要Bootstrap的JavaScript库吗？此外，还有哪些数据切换选项可用。到目前为止，我数了一下
collapsetabmodaldropdown
其中的每一个都做了什么？
bootstrap的自定义data-toggle属性的API是什么？
浏览 39提问于2015-06-04得票数 80
我在我的React应用程序中使用Bootstrap Button组件。
默认Button在被按下后会有一个特殊的外观，并且鼠标光标已经离开了它：
在任何单击后，此外观将更改为正常。如何在不干扰引导程序Button的任何其他状态(按下、鼠标悬停、正常)的情况下禁用此功能
浏览 0提问于2016-11-24得票数 0
我正在尝试创建一个类似于bootstrap中使用的JQuery下拉列表。
出现的问题是，当单击单个列表项时，所有子导航的显示块。
现在我知道这个问题可以用.each()来解决，但是我的代码似乎不能工作。
请在此处找到示例；
如果之前已经有人问过这个问题，很抱歉。
B
浏览 0提问于2012-02-20得票数 1
回答已采纳
1回答
在bootstrap4中，我们使用pl-5作为左填充，在bootstrap5中，它不起作用。 <div class="col-md-6 col-9 p-3 pl-5"> in bootstrap5 this code is not working
浏览 17提问于2021-07-27得票数 0
回答已采纳
1回答
如何在ajax之后停止视频？
、、、、
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://a
浏览 10提问于2017-08-21得票数 0
1回答
我正在处理的问题是在单击时委托一个事件。html模式片段是：
<div id="addQues" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button
浏览 3提问于2017-01-11得票数 0
回答已采纳
1回答
在引导4折叠中，我需要禁用.show类中出现在.collapsing类之后的延迟。
因此，我需要的是在单击.show之后立即在.collapse类上显示toggle类。
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<l
浏览 0提问于2018-05-23得票数 0
回答已采纳
**编辑:很抱歉，我的第一个示例不能代表我所拥有的代码。
经过一小时又一小时的研究和测试，我终于求助于此。
问题是:我无法从我的ng-repeat的子范围内更新我的控制器作用域上的模型。我没有迭代原语，因为这似乎是这个问题的常见原因，而且，在尝试在repl中复制我的问题时，我正在做的事情似乎是有效的……任何帮助都将不胜感激。
我目前使用的是Angular 1.2.16
首先：中的一个工作示例
第二:被破坏的代码
'use strict';
angular.module('myApp')
.controller('myController', [
浏览 0提问于2014-05-13得票数 0
我在Elgg中使用bootstrap主题，其中一个问题是两者都使用.hidden CSS类。Bootstrap使用!important标志将display和visibility设置为none/hidden是相当专横的，而在Elgg中，.hidden经常用于初始隐藏元素，然后使用jQuery $.show()切换其可见性。显然，这会导致bootstrap规则出现问题。bootstrap使用.hidden做什么?将规则设置为display: none而不使用所有偏执的东西是否安全？
浏览 2提问于2016-05-28得票数 0
1回答
我使用bootstrap创建了一个随机引用页面，但当我减小窗口大小时，页面内容会从容器中流出。我如何才能改变这一点？
这是我的页面：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="a
浏览 0提问于2016-11-03得票数 0
1回答
我制作了一个页面，将json数据附加到jquery，如下所示。我想做的事情是，在单击每个图像时切换描述部分。如你所见，我写了一个点击函数，但它不起作用。我该怎么办？
$(document).ready(function() {
// Your callback needs a variable to store the data in
$.getJSON('http://ahmetgo.co.nf/l/film.json', function(data) {
// data is your entire object, data.movies is an a
浏览 2提问于2015-01-08得票数 1
正如您现在所看到的，Bootstrap只需将display: none更改为display: block，反之亦然。我一直在阅读，但它似乎完全依赖于组件上不断更改的属性，而我只想根据元素的style.display属性进行更改。
我是不是想错了，或者我该怎么做？
浏览 0提问于2017-11-14得票数 0
7回答
在最新版本的Bootstrap中，我的响应式导航栏没有问题，但我无法让版本3工作。切换按钮正常显示，除商标外的所有内容都会消失，但该按钮不会对单击做出响应。()如有任何帮助，我们将不胜感激！以下是到目前为止的代码：
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Hello World</title>
<meta charset="utf-8">
<meta nam
浏览 2提问于2013-08-06得票数 24
我正在尝试创建一个允许发生两个事件的jQuery脚本：
创建选项卡内容，其中在加载页面时只显示第一个选项卡的内容(.current)
创建一个“显示所有选项卡式内容”按钮(.toggle_tabs)，以切换所有选项卡内容的可见性
代码正在成功地将每个选项卡的内容标签化；问题是：
如果加载该页，然后单击.toggle_tabs，在第一次加载页面时具有类.current的选项卡是唯一内容不可见的选项卡。
如果加载该页，单击任何选项卡一次，然后单击.toggle_tabs，所有选项卡内容都将可见。
在单击.toggle_tabs时，如何使所有选项卡内容都可见，而不必
浏览 1提问于2013-07-17得票数 0
回答已采纳
1回答
我想建立一个与瓶和WTForms的网站。但是我不能让文本输入工作(页面不允许我在框中输入任何文本)。你能告诉我哪里出了问题吗？
该页面如下所示：
这是我用WTForms创建的表单
from flask_wtf import FlaskForm
from wtforms import SubmitField, IntegerField
from wtforms.validators import DataRequired, NumberRange, EqualTo
class RequestDataForm(FlaskForm):
feature_count = Inte
浏览 52提问于2019-06-10得票数 0
回答已采纳
版本：
Angular 5.2.1
@ng-dynamic-forms: 5.4.2
@ng-dynamic-forms/ui-bootstrap: 5.4.2
这里没什么花哨的。
使用下面的JSON模型，我尝试在同一引导行中呈现窗体的前3个控件，即“group”中的控件。
目前，这3个控件呈现在不同的行上。layout.grid.container = "row“对象无法工作，但我不知道如何将引导程序"row”类添加到包含前3个控件的div中。
我们非常感谢您的任何建议或见解。蒂亚埃里克。
jsonForm = `
[
{
"type": &#
浏览 0提问于2018-01-30得票数 0
1回答
var path = System.IO.Path.Combine (App.DEVICE_LOCAL_FOLDER, "database.db3");
_database = new SQLiteAsyncConnection (path);
_database.CreateTableAsync<Setting> ().Wait ();
_database.CreateTableAsync<Authentication> ().Wait ();
这段代码在我的Xamarin.F
浏览 1提问于2016-08-03得票数 0
我需要在一个按钮上显示一个动态引导工具提示，以解释为什么禁用该按钮(即。“填上你的姓名/地址/电话”，或其他一些变化)。我在这个项目中使用了Bootstrap/jQuery/KnockoutJS。
我在显示禁用按钮上的引导工具提示时遇到了问题，通过一些谷歌搜索发现，这是因为底层按钮事件没有被触发(因为按钮被禁用，引导工具提示不起作用)。哦！)。
我使用带有单击绑定的KnockoutJS来处理按钮事件。
enabled ：有人知道在按钮启用时禁用按钮单击事件的干净/简洁的方法吗？和包含一个特定的CSS类(即。btn-disabled) -这样就不会调用KnockoutJS单击事件，但是工具提示
浏览 6提问于2014-12-16得票数 4
回答已采纳
我的页面上有多个切换开关。它们来自bootstrap。一切都按预期运行，然而，我在javascript控制台中遇到了一个错误。或者我应该说是警告。当我在页面上只有一个开关并单击它时，它将在控制台中打印一行，这与预期不谋而合。当我使用下面的脚本动态添加另一个切换时，当我单击最后添加的切换时，它将再次打印仅一行，但其他行将打印多行。 例如，当我有5个开关并点击最后一个时，它会在控制台中打印一行。当我单击第4行时，它将打印两行，依此类推。当我单击第一行时，它将打印5行。 如果我从一开始就设置了多个切换，而没有动态地添加它们，那么它工作得很好。 有什么想法吗？ <script>
$(w
浏览 83提问于2019-11-15得票数 0
回答已采纳
我正在尝试从jQuery中的单击函数中添加和显示一个引导带3工具提示。
当我为单击处理程序使用匿名函数时，它工作得很好，但是如果我试图将代码放入一个命名函数中，则会得到错误TypeError: undefined is not a function (evaluating '$button.tooltip(...。
JS文件的内容如下。这将在jQuery和bootstrap.min.js之后加载。
$(function() {
function confirmClick(event) {
event.preventDefault();
$but
浏览 0提问于2015-04-02得票数 0
回答已采纳
2回答
我正在努力提高建立响应性网站的效率，而且由于我使用的是Bootstrap (对这个案例来说并不特别重要--我相信)，我正在研究。我决定查看该网站的源代码，并注意到一件我以前从未见过的事情:除了整个页面包装器和页脚之外，它们没有为任何容器设置一个高度。这让我感到困惑，因为所有的事情都与网站和它是超级回复。我理解它们使用Bootstrap类的元素，比如“col 4”之类的东西，但是有谁知道在不指定css的情况下使标题、内容容器等计算高度的艺术吗？有人能解释这个概念吗？我试着在谷歌上搜索，但不确定正确的关键字是否能找到答案。
此外，如果您需要查看自己，是链接到他们的CSS。
谢谢
浏览 0提问于2014-04-24得票数 4
回答已采纳
1回答
我想要安装npm引导-为角5应用程序选择，所以我使用npm安装它。
npm install bootstrap-select
然后我安装了所需的依赖项：
npm install jquery
npm install popper.js --save
角-cli.json：
"apps": [
{
"styles": [
"styles.css"
],
"scripts": [ "../node_modules/jquery/dist/jquery.min.js&
浏览 1提问于2018-09-14得票数 5
我尝试在按钮单击上动态添加数据报警器，并且我已经委托了datepicker单击，它在第一次单击时不起作用，它在第二次单击时被触发，我尝试过的代码如下
$scope.add = function()
{
var body =angular.element(window.document.body);
body.append(`
<div class="input-group date">
<input class="form-control input-sm"
浏览 2提问于2018-07-01得票数 0
回答已采纳
6回答
我有3x4卡，这是个记忆游戏。因此，为了能够发挥，你需要猜测两场比赛。
$('.card').click(function() {
$('.front').toggle();
$('.back').toggle();
});
.card .back {
display: none;
}
.card {
margin: 8px;
}
.card .front {
background-color: blue;
}
.back,
.front {
color: white;
width: 100px;
hei
浏览 7提问于2017-02-25得票数 0
回答已采纳
1回答
我正在尝试从单击的特定列表元素中获取div ing，以便使用它进行其他操作。这就是我所拥有的。这不管用。
CSS
.ing{
display:none;
}
HTML
<ul class="grid">
<li onclick="openModal()">
<a href="">
<img src="" >
<h3>Easy Crock Pot Recipe</h3>
<
浏览 0提问于2016-06-29得票数 0
回答已采纳
我对CSS和HTML非常陌生，所以在为我的学校项目设计网页时遇到了困难。
目前我正在尝试在导航栏的中间插入一个搜索栏。但是，我只能将其设置在栏的左侧或右侧。我在其他网站中找到了覆盖引导css代码的代码，并将搜索栏移动到页面的中间，但当显示屏较小时，搜索栏不适合下拉菜单。
这是我用来设计网页的html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %} {% endblock %} - Snaplost</title>
&l
浏览 2提问于2020-06-14得票数 0
我得到了错综复杂的信息，想在这里提出这个问题。我在一些地方读到，字体大小应该从html元素更改，例如：
html { font-size: 14px }
并且bootstrap 4 rem值将相应地更新文本。
有趣的是，如果我保持html元素的font-size为默认值，并更改bootstrap变量来更改字体大小，我是否做错了什么？
例如：
html { font-size: 16px }
// Changing bootstrap variable to
$font-size-base: 0.875rem //instead of 1rem
浏览 0提问于2017-10-24得票数 35
回答已采纳
2回答
当用户单击单选按钮时，我一直无法找到如何让下拉菜单关闭。如果用户单击下拉列表上的其他位置，它将关闭，但由于某种原因，当用户单击单选按钮时，下拉菜单不会关闭。当用户单击单选按钮，下拉菜单关闭时，我该怎么办？
这是我的密码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="htt
浏览 2提问于2018-02-14得票数 2
回答已采纳
当使用.NET XmlDocument漂亮地打印混合内容节点时，XmlDocument.Save(TextWriter)有一个有趣的行为。
这种行为可以概括为“一旦漂亮的打印机遇到文本节点，它就会禁用缩进和当前子树其余部分的自动换行符”。
下面是一个示例()：
<?xml version='1.0'?>
<root><test><child1/><child2/>foo<child3><child4/></child3></test></root>
印刷得很好
浏览 2提问于2015-03-10得票数 5
回答已采纳
1回答
带有导航选项卡的平滑滑块
、、、、
我正在尝试使用光滑的滑块与Bootstrap 4标签，也使我的标签响应光滑滑块以及。一切都正常，但是当我在标签上调用slick slider时，整个东西都坏了。基本上，当我单击选项卡时，即使我更改了它，它也会保持活动状态。
我的代码：
$(document).ready(function(){
$('.your-class').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
$('.nav-tabs a[data-toggle="tab
浏览 16提问于2020-05-06得票数 1
回答已采纳
3回答
我有一张乱七八糟的名单，里面有一堆李的。
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
我想要实现的是，如果我点击<li>item 2</li>，它会用<li>item 1<
浏览 6提问于2016-10-05得票数 0
回答已采纳
假设我有一个有流体布局的网格。它在span12 div中有一个组件，一个表--使用整个屏幕。
单击此表中的一行时，我希望更改布局。我希望将表的div更改为span4，并在右侧创建一个新的span8列，以显示所选项的详细信息。
我如何以编程的方式做到这一点？简单的事物，如：
$("#mydiv").removeClass("span12").addClass("span4")
..。似乎不起作用，我相信我需要告诉Bootstrap重新处理整个布局。有可能吗？
浏览 2提问于2013-04-04得票数 2
2回答
我有以下代码：
$(".main").click(function() {
$(this).toggleClass("classA").toggleClass("classB");
$(".secondary").toggleClass("classC").toggleClass("classD");
));
$(".secondary").click(function() {
$(".secondary").toggleClass("
浏览 2提问于2011-04-01得票数 0
回答已采纳
我有一个bootstrap4选择项目的问题。
代码：
<select name="sprache" size="1" class="form-control form-control-sm">
<option value="de" SELECTED>deutsch</option>
<option value="en">english</option>
</select>
当单击选择时，它会打开并显示两个选项。
在Chrome中，项的字
浏览 0提问于2020-05-07得票数 0
这是用于大型句柄的js。
jQuery( document ).ready(function() {
jQuery( ".docit-main-header" ).click(function() {
jQuery(this).nextUntil().find('.docit-sub-post').slideToggle();
jQuery(this).nextUntil().find('.docit-sub-sub-menu-wrap').slideToggle();
});
这是小句柄的js。
jQuery( &#
浏览 0提问于2013-11-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
