草庐IT

BootStrap

全部标签

javascript - Rails 4 - jQuery 和 bootstrap 的顺序是什么?

我正在尝试弄清楚如何在我的application.js中加载Assets。我的application.js中有这些必需的文件(以及其他文件)。//=requirebootstrap-sprockets//=requirejquery//=requirejquery-ui//=requirejquery_ujs我的gem文件有:gem'jquery-rails'gem'jquery-ui-rails'当bootstrap-sprockets在jQuery之前时,我的bootstrap下拉菜单(如下)工作正常。STATUS:"padding-left:20px;padding-right:

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - Node JS 需要没有 var

{这与推特无关}这是一个有趣的问题,有趣的是它可能很愚蠢,你可以笑,但我至少会对这个该死的痒痒有一个答案。目前我在用varBootstrap=require('library/Bootstrap');Bootstrap.run();如果我能在Bootstrapindex.js中做这样的事情,那就太棒了module.exports.Bootstrap=My_Bootstrap;然后这样调用它吧require('library/Bootstrap');Bootstrap.run();无需向我的空间声明另一个变量,有没有办法做到这一点,或者我是否正在盯着屏幕思考、做梦、迷路、回来并浪费时间?

javascript - 如何在不首先闪烁第一个选项卡的情况下加载以在页面加载时显示 Bootstrap 选项卡?

我有一个看起来像这样的导航栏:PersonalInfoContacts/SiblingsState/FederalEthnicityPlacementMedicalSchoolRelease我有一些设置正确事件选项卡的javascript代码:$(document).ready(function(){varhash=window.location.hash;if(hash){varselectedTab=$('.navlia[href="'+hash+'"]');selectedTab.trigger('click',true);}});上面的代码运行良好(忽略.trigger()的第

javascript - react-apollo gql, TypeError : Object(. ..) 不是函数

我有一个App组件,我正在将其包装到apollo提供程序中:importReact,{Component}from"react";import{observer,Provider}from"mobx-react";import{BrowserRouterasRouter}from"react-router-dom";importstyledfrom"styled-components";import{ThemeProvider}from"styled-components";//graphQLimport{ApolloClient}from"apollo-client";import{

javascript - 导航折叠不起作用 [Twitter Bootstrap]

好吧,我只是想做一个基本的导航栏,就像他们在主Bootstrap站点上做的那样。问题是由于某种原因它不工作。我的代码几乎和他们一样。当我调整窗口大小时,导航消失了,但右上角带有三个栏的图标没有显示。所以本质上导航只是被隐藏了。对此有什么想法吗? 最佳答案 想通了!对于任何好奇的人,请确保在bootstrap-responsive.css之前链接bootstrap.css 关于javascript-导航折叠不起作用[TwitterBootstrap],我们在StackOverflow上找到

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important

javascript - Bootstrap table-striped不改变颜色

正如您最近在我的问题历史记录中看到的那样,我正在尝试了解Jquery/Javascript:)我遇到了以下问题,并想向你们提出建议。我有下表(注意:这是inspect元素抓取的HTML,我不确定为什么style="background-color:rgb(255,255,255);在那里..):ColumnAColumnAColumnAValue1Value2Value1Value2然后使用以下代码选择行或全部选择它们或在行上单击选择://ifuserclicksoncheckboxwithid="checkall"-allcheckboxesareselected//andtable

javascript - Twitter Bootstrap Typeahead 强制选择

我在我的应用程序中使用了BootstrapTypeahead插件,这是我的代码(这是一个示例)。我正在寻找一种方法来验证用户的选择(基本上如果输入与任何结果都不匹配->清空模糊框)。结果必须匹配。我到处找,什么也找不到。非常感谢您的帮助。$('#search').typeahead({source:function(query,process){varstates=[];varmap={};vardata=[{"stateCode":"CA","stateName":"California"},{"stateCode":"AZ","stateName":"Arizona"},{"sta