twitter-bootstrap 相关问题

我的 HTML 文件中有一些 Bootstrap 选项卡： <p>我的 HTML 文件中有一些 Bootstrap 选项卡：</p> <pre><code><!doctype html>  <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <style type="text/css"> #mainPopup { padding: 10px; height: 400px; width: 288px; font-family: Helvetica, Ubuntu, Arial, sans-serif; } </style> <html lang="en"> <div class="container" id="mainPopup"> <ul class="nav nav-tabs"> <li class="nav active"><a href="#A" data-toggle="tab">A</a></li> <li class="nav"><a href="#B" data-toggle="tab">B</a></li> <li class="nav"><a href="#C" data-toggle="tab">C</a></li> </ul>  <div class="tab-content"> <div class="tab-pane fade in active" id="A">Content inside tab A</div> <div class="tab-pane fade" id="B">Content inside tab B</div> <div class="tab-pane fade" id="C">Content inside tab C</div> </div> </div> </html> </code></pre> <p>这是在网页和 Chrome 扩展程序中显示的 HTML：</p> <p><a href="https://i.stack.imgur.com/AvKjj.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0F2S2pqLnBuZw==" alt=""/></a></p> <p>浏览器中的代码允许我更改选项卡，但 Chrome 浏览器扩展程序中的代码则不允许。这是什么原因，如何让 Bootstrap 在 Chrome 扩展中工作？</p> </question> <answer tick="false" vote="8"> <p>我们可以使用外部 JavaScript。 <a href="https://developer.chrome.com/docs/extensions/reference/manifest/content-security-policy" rel="nofollow noreferrer">阅读本文</a>。</p> <p>在您的 <pre><code>manifest.json</code></pre> 添加 <pre><code>content_security_policy</code></pre> 键。即</p> <pre>“content_security_policy”：“script-src'self'https://ajax.googleapis.com https://stackpath.bootstrapcdn.com;object-src'self';” </pre> <p>我正在使用 jQuery 以及 Bootstrap。</p> <p>在您的情况下，将此行添加到您的 <pre><code>manifest.json</code></pre></p> <pre>“content_security_policy”：“script-src'self'https://maxcdn.bootstrapcdn.com;object-src'self';” </pre> </answer> <answer tick="true" vote="7"> <p>事实证明，您无法在 HTML 文件顶部链接外部 Javascript 文件。我必须下载 Bootstrap 文件并将其保存在本地，以便在扩展中使用它们。</p> </answer> </body></html>

javascript html css twitter-bootstrap google-chrome

回答 0 投票 0

无法覆盖 Bootstrap 5 实用程序

我的SCSS结构：主要.scss： @import '~bootstrap/scss/functions'; @import '主题/变量'; @import '~bootstrap/scss/bootstrap'; @import '主题/主题'; 主题.scss： ... @import“实用程序&qu...

css twitter-bootstrap sass bootstrap-5

回答 3 投票 0

如何将引导样式添加到我的 django 表单中？

我创建了一个 django 表单并在模板中输出它。但我不明白如何添加引导样式，因为这个 django 形式不好。输出图像：代码： {% 扩展 'base.html' %} {% b...

python html css django twitter-bootstrap

回答 3 投票 0

无空白的响应式图片库

我正在尝试创建一个响应式图像库，就像从数据库中选择的图像中形成的网格一样。我使用 bootstrap 为列表元素创建列。因为图像不同...

css twitter-bootstrap image-gallery

回答 4 投票 0

让引导行中的最后一列占据视口宽度的其余部分

我在尝试在使用 Twitter 引导网格的网站上创建布局部分时遇到了一些麻烦。我需要一个带有 col-xs-3 列的常规 .container，然后下一列应该只是......

html css twitter-bootstrap

回答 2 投票 0

如何在 django 应用程序中获取复选框值

我正在尝试在简单的 django 应用程序中使用复选框控件。代码逻辑似乎没问题，但我得到一个空的水果列表（[无，无]）。我不知道为什么它不起作用，任何人都可以

python django twitter-bootstrap python-3.x bootstrap-4

回答 3 投票 0

是否可以在scss文件中@import bootstrap图标并通过@extend在其他scss类中使用它？

是否可以像导入bootstrap.scss一样导入并扩展scss文件中的bootstrap-icons.css？到目前为止我已经尝试过但没有成功： @import“../node_modules/bootstrap-icons...

css twitter-bootstrap sass bootstrap-icons

回答 3 投票 0

引导左右列

应该很简单，但是我看不到我的错误。目的整个标记为居中 col 和 col-10 宽度。接下来在同一个 10 中，col 有两个 div 50% 50%。使用 bootstrap 5，对于某些...

html css twitter-bootstrap bootstrap-5

回答 1 投票 0

Bootstrap 的数据切换和 JQuery 代码无法协同工作

我使用此 HTML 代码来切换模式（id = 确认订单）。它正在正常工作。我使用此 HTML 代码来切换模式（id = 确认订单）。它正在正常工作。 <button type="button" data-toggle="modal" data-target="#confirm-order" class="orderbtn"> 但是，当我添加此 JQuery 代码来隐藏或显示弹出 div（类 = floatorder）时，数据切换不再起作用。但 JQuery 是。 $(".floatorder").toggle(localStorage.menuWindow==="true") $(".orderbtn").click(function(event) { event.stopPropagation(); localStorage.menuWindow= $(".floatorder").toggle().is(":visible") }); 控制台没有抛出错误... 您应该向 .toogle() 函数传递两个参数，请阅读 toggle() 的文档

jquery twitter-bootstrap

回答 1 投票 0

在 Bootstrap 选择器上使用 jQuery 取消选择选项

我正在使用 Bootstrap 来处理一些 UI 元素：SelectPicker，它允许用户选择多个选项并将其呈现在段落标签中的屏幕上。他们还应该能够删除...

javascript jquery html twitter-bootstrap

回答 5 投票 0

引导验证错误导致表单对齐问题

在这个简单的示例中，当我在表单左侧的名字输入框中出现验证错误时，电子邮件表单元素会被推到页面下方。当我在

css twitter-bootstrap forms alignment

回答 3 投票 0

在 Google Apps 脚本中使用 Bootstrap Modals

我正在尝试创建一个表单，允许用户检查我们数据库中的状态，并在提交时我想写入我们的数据库，然后返回一个引导CSS模式，其中包含查询另一个表的信息...

twitter-bootstrap google-apps-script web-applications bootstrap-modal

回答 1 投票 0

如何使用 bootstrap 或 js 折叠 div 并打开选项卡

我希望当我单击链接并平滑滚动到向下然后折叠 div 并使用 Javascript 打开选项卡时。此代码已滚动我希望当我单击链接并平滑滚动到下方时 collapse div 并使用 tab 打开 Javascript。此代码已滚动 <a data-scroll href="#smoothScrool" onclick="callMyFunction('tab-1')"><h4 >Scroll, collapse and open tab automatic</h4></a> 到这里，通过句柄，我可以折叠并打开水龙头，但我不想用 Javascript 自动完成。我该怎么办？ <div class="panel-heading"><span id="smoothScroll">Scrolled Here!</span> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion2" href="#collapse-9" class="collapsed" aria-expanded="false"> <i class="fa fa-angle-down control-icon"></i> <i class="fa fa-universal-access"> Qeydiyyatsız müraciət</i> </a> </h4> </div> <div id="collapse-9" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> <div class="row"> <div class="col-md-12 page-content "> <div class="hr1 margin-top"></div> <div class="tabs-section">  <ul class="nav nav-tabs center-block"> <li class="active"><a href="#tab-1" data-toggle="tab"><i class="fa fa-question"></i>TAB 1</a></li> <li><a href="#tab-2" data-toggle="tab"><i class="fa fa-envelope"></i>TAB 2</a></li> <li><a href="#tab-3" data-toggle="tab"><i class="fa fa-briefcase"></i>TAB 3</a></li> <li><a href="#tab-4" data-toggle="tab"><i class="fa fa-legal"></i>TAB 4</a></li> </ul>  <div class="tab-content">  <div class="tab-pane fade in active" id="tab-1"> <div class="row"> </div> </div> 滚动到 div（此工作）自动折叠div（我该怎么办？）自动打开标签页（我该怎么做？）请建议最佳方法和代码示例。请参阅相关的官方引导文档，可能会有所帮助，或者至少可以让您更好地了解如何找到解决方案：http://getbootstrap.com/javascript/#tabs 还有 Jquery UI：https://jqueryui.com/tabs/#mouseover 我希望这些链接有用

javascript jquery html twitter-bootstrap

回答 1 投票 0

从引导下拉菜单触发模式

我有一个引导下拉菜单，其中的链接打开一个模式。一切似乎在桌面上运行良好，但模式无法在移动设备上打开。我在同一页面上有按钮，可以再次打开模态和这些

javascript twitter-bootstrap bootstrap-modal

回答 4 投票 0

删除文件扩展名并同时用空格替换下划线

{% 扩展 'base.html' %} {% 块内容 %} {% 数据中的对象 %} {{ 对象.文件名|sp... {% 扩展 'base.html' %} {% 块内容 %} {% for object in data %}  <div class="card card-body mb-2"> <h1>{{ object.filename|split('.').slice(0, -4).join('.')|str.replaceAll('_', ' ') }}</h1> <img src="data:image/png;base64, {{ object.pic_hash }}"> <p>Mean Squared Error for Random Forest Model is: {{ object.rmse_rf }}</p> <p>Mean Squared Error for Linear Regression Model is: {{ object.rmse_lr }}</p> <p>R-squared for Random Forest Model: {{ object.r2_rf }}</p> <p>R-squared for Linear Regression Model: {{ object.r2_lr }}</p> <p>Mean Absolute Error for Random Forest Model is: {{ object.mae_rf }}</p> <p>Mean Absolute Error for Linear Regression Model is: {{ object.mae_lr }}</p> </div> {% endfor %} {%末端嵌段含量%} 我正在使用这个查询，它说过滤器分割无效。我该怎么办？我尝试了一切，希望你能帮助我解决我的问题。我不太理解的完整代码结构 <h1>{{ object.filename|split('.').slice(0, -4).join('.')|str.replaceAll('_', ' ') }}</h1> 看来你的使用方式不正确。尝试使用这个 {{ object.filename.split('.')[:-4]|join('.')|replace('_', ' ') }}

twitter-bootstrap

回答 1 投票 0

twitter-bootstrap 相关问题

最新问题