twitter-bootstrap 相关问题

Bootstrap是一个前端框架，旨在启动Web应用程序和站点的开发。有关Bootstrap版本的问题，请使用“twitter-bootstrap-2”，“twitter-bootstrap-3”和“bootstrap-4”标签中的特定版本标签。

使用 JavaScript 将属性和值添加到元素

我正在为我的网站创建一个深色/浅色主题切换。我在我的网站上使用 Bootstrap 导航栏。我正在使用 JavaScript 事件侦听器来更改主题。我需要更改 Bootstrap 导航栏...

javascript html twitter-bootstrap

回答 1 投票 0

Bootstrap typeahead 无法在 Bootstrap Modal 内工作

我正在使用 codeigniter 框架，我正在使用 bootstrap typeahead，一切都很好，但我的问题是当我将其放入 bootstrap 模式时，bootstrap typeahead 将无法工作。有人可以吗...

twitter-bootstrap bootstrap-typeahead

回答 6 投票 0

如何更改select2（引导主题）上选择框的背景颜色

c 的 javascript $(文档).ready(函数() { $('.js-example-basic-single').select2({ 主题：“bootstrap-5” }); }); HTML c 的 javascript $(document).ready(function() { $('.js-example-basic-single').select2({ theme: "bootstrap-5" }); }); HTML <select class="js-example-basic-single bg-dark" style="background-color: #343a40 ! important;" name ="state"></select> 它在街区附近失踪了，这是它目前的样子。我只是找不到改变背景颜色的标签名称。如果您想查找 HTML 文档中某个元素的标签名称，您可以使用浏览器的开发人员工具进行检查。具体方法如下：在浏览器中打开您的网页。右键单击要查找其标签名称的元素。从上下文菜单中选择“检查”或“检查元素”。这将打开浏览器的开发者工具。在开发者工具的 HTML 面板中，您将看到所选元素突出显示。元素的标签名称将显示在突出显示的行的开头。或者，您可以将鼠标悬停在开发人员工具的“元素”面板中的元素上，标签名称将显示在工具提示中。一旦确定了标签名称，您就可以使用 jQuery 或任何其他方法来定位元素，以修改其样式或属性。

javascript html css twitter-bootstrap jquery-select2

回答 0 投票 0

引导列表组不起作用

有人可以向我解释一下为什么这段代码不起作用吗？我得到常规列表项而不是 Bootstrap 列表项...... 测试... 有人可以向我解释一下为什么这段代码不起作用吗？我得到常规列表项而不是 Bootstrap 列表项... <ul class="list-group"> <li class="list-group-item">Test</li> </ul> 我刚刚意识到问题是什么...我不知道列表组是在版本 3 中实现的...我使用的是旧版本... 更新到最新版本后仍然无法使用。

html twitter-bootstrap

回答 2 投票 0

如何使按钮在所有尺寸的显示器上保持一致？

所附图片是两种不同尺寸（24英寸和13英寸）显示器上的按钮，24英寸显示器上的按钮显示正常，而13英寸显示器上的添加到购物车按钮损坏。13英寸显示器b...

css laravel twitter-bootstrap bootstrap-5

回答 1 投票 0

Bootstrap 5 popover，如何查找特定popover的索引

所以我在页面上有几个 bootstrap 5 弹出窗口，使用下面的代码启动。让 popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')); 让popoverLi...

twitter-bootstrap popover

回答 1 投票 0

在引导表中如何删除行之间的线？

我有一个 Bootstrap 表，我想删除表中某些行之间的行（在表的末尾）有没有快速的方法可以实现此目的？

html css twitter-bootstrap

回答 6 投票 0

Select 无法与 jQuery Steps 一起正常工作

所以我正在使用 jQuery Steps 制作一个表单，但选择无法正常工作。当我从下拉列表中选择时，什么也没有发生。默认选项仍然是选定的选项。我正在使用 https://dev...

html jquery twitter-bootstrap jquery-steps

回答 2 投票 0

引导垂直菜单下拉列表突出显示下一个菜单项，但不突出显示当前父级的子菜单

全部... 这是我的垂直下拉侧栏菜单的 BOOTSTRAP 代码：所有... 所以这是我的垂直下拉侧栏菜单的 BOOTSTRAP 代码：  <div class="collapse navbar-collapse" id="top-nav"> <ul class="nav navbar-nav"> <li><a href="#slider">Home</a></li> <li><a href="#about">About Us</a></li> <li class="dropdown" id="dropdown1"> <a href="" class="dropdown-toggle" data-toggle="dropdown1" role="button">Projects <span class="caret"></span></a> <ul class="dropdown-menu"> <li class="page-scroll"><a href="#dev">In Development</a></li> <li class="page-scroll"><a href="#preprod">Pre-Production</a></li> <li class="page-scroll"><a href="#prod">Production</a></li> </ul> </li> <li><a href="#showcase">Showcase</a></li> <li><a href="#team">Dream Team</a></li> <li><a href="#contact">Contact</a></li> <li class="dropdown" id="dropdown2"> <a href="" class="dropdown-toggle" data-toggle="dropdown2" role="button">My<br>Entertainment <span class="caret"></span></a> <ul class="dropdown-menu"> <li class="page-scroll"><a href="#gloprojects">Projects</a></li> </ul> </li> <li><a href="javascript:;" onclick="funcs.btnFunc('privacy', '10', 'null', 'null')">Privacy Policy</a></li> <li><a href="javascript:;" onclick="funcs.btnFunc('terms', '9', 'null', 'null')">Terms of Use</a></li> </ul> </div> 以下是最能显示正在发生的情况的图像：然后，当您将鼠标悬停在子菜单上时，下一个菜单会突出显示... 这很令人困惑... 有什么想法吗？谢谢你有没有弄清楚这一点？使用引导模板与客户合作并遇到这个确切的问题。

javascript css twitter-bootstrap

回答 1 投票 0

Bootstrap 4 中的垂直对齐

我在 Bootstrap 4 中有以下设置：Bootply 链接带有“供应商”文本的元素应该垂直居中，我有不同的行具有相同的代码，我希望它们居中。没有

css twitter-bootstrap bootstrap-4

回答 2 投票 0

为什么 Bootstrap Multiselect 不起作用？

我正在尝试让 Bootstrap Multiselect 运行，但它只是不想运行。我已经尝试了所有方法，但找不到问题所在。我的index.html 我正在尝试让 Bootstrap Multiselect 运行，但它就是不想运行。我已经尝试了所有方法，但找不到问题所在。我的index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Minimal Bootstrap Multiselect Example</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-multiselect.css"> </head> <body> <select id="minimal-multiselect" multiple="multiple"> <option value="cheese">Cheese</option> <option value="tomatoes">Tomatoes</option> <option value="mozarella">Mozzarella</option> <option value="mushrooms">Mushrooms</option> <option value="pepperoni">Pepperoni</option> <option value="onions">Onions</option> </select> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-multiselect.js"></script> <script> $(document).ready(function() { $('#minimal-multiselect').multiselect(); }); </script> </body> </html> 这实际上正确加载了多选，并且 css 也在处理它。但是当我点击它时，下拉菜单不会打开。控制台也没有错误。我预计下拉菜单会打开您根本不需要行 $('#minimal-multiselect').multiselect(); 参见： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Minimal Bootstrap Multiselect Example</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-multiselect.css"> </head> <body> <select id="minimal-multiselect" multiple="multiple"> <option value="cheese">Cheese</option> <option value="tomatoes">Tomatoes</option> <option value="mozarella">Mozzarella</option> <option value="mushrooms">Mushrooms</option> <option value="pepperoni">Pepperoni</option> <option value="onions">Onions</option> </select> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-multiselect.js"></script> <script> $(document).ready(function() { //$('#minimal-multiselect').multiselect(); }); </script> </body> </html> 看起来像是 bootstrap 版本的问题，降级到较低版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Minimal Bootstrap Multiselect Example</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-multiselect.css"> </head> <body> <select id="minimal-multiselect" multiple="multiple"> <option value="cheese">Cheese</option> <option value="tomatoes">Tomatoes</option> <option value="mozarella">Mozzarella</option> <option value="mushrooms">Mushrooms</option> <option value="pepperoni">Pepperoni</option> <option value="onions">Onions</option> </select> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-multiselect.js"></script> <script> $(document).ready(function() { $('#minimal-multiselect').multiselect(); }); </script> </body> </html>

javascript html jquery twitter-bootstrap

回答 2 投票 0

折叠移动设备的垂直 Bootstrap 导航栏

我正在使用 Bootstrap 5.3，并试图找出如何将这个侧边栏折叠到中等尺寸以下的汉堡菜单后面。我已经使用内置类和实用程序尝试了各种方法，但是

html css twitter-bootstrap

回答 1 投票 0

Bootstrap 样式圆角

我不知道为什么我在 Bootstrap 中的字段没有圆角。当我在网站的其他部分选择“表单控制”输入字段时，边角是圆角的。 &...

css twitter-bootstrap

回答 5 投票 0

Bootstrap 5.3 下拉链接在移动 Safari 上不起作用

我有一个搜索输入，当我专注于搜索输入时，我会触发实时搜索结果 div。结果列表在桌面上完美运行，但即使它在手机上正确呈现，列表...