草庐IT

Bootstrap 徽章(Badges)

全部标签

ruby-on-rails - 带有 Bootstrap 的带有 kaminari 的自定义 css

我尝试将分页与kaminari结合使用。我的项目使用了bootsrapcss,结果太丑了:)html由nokogiri生成«First‹Prev1234Next›Last»我想在Bootstrap页面中使用类似分页的功能,我该怎么做?请帮忙! 最佳答案 在我发布这个问题后,我找到了解决方案:kaminari:AScope&Enginebased,clean,powerful,customizableandsophisticatedpaginatorforRails3.只需转到控制台并输入:railsgeneratekaminari:

ruby-on-rails - 在 Rails 应用程序上安装 Bootstrap 3

我正在尝试在我的Rails应用程序上安装Bootstrap3.0。我最近完成了MichaelHartl的教程,现在正尝试使用这个新版本的Bootstrap构建我自己的系统,但我有几个我不确定的问题。我的系统规范:MBP上的OSXMountainLionrails4.0ruby2.0我的问题:我的Gemfile中最好使用的gem是什么?我找到了其中的一些。我要在我的custom.css.scss上导入什么?我在某处读到它与2.3.2不同。为了让Bootstrap正常工作,我还需要做些什么吗?或者剩下的步骤是否与我在Bootstrap2.3.2中遵循的步骤相同?编辑这是bootstrap-

javascript - bootstrap-table-filter-control 扩展在 bootstrap-table 中不起作用

我使用bootstrap-table并想使用table-filter-control延期。在this例如你可以看到如何使用这个扩展。当我想将此扩展用于更多列时,它不起作用。在我的示例中,过滤器仅适用于一列。jsfiddlehtmlCustomerNameLocationTypeLocationCapCorpMainNorwalkCT06851CapCorpOtherNorwalkCT06851TelMainSloughSL14DXTelOtherLondonW1B5HQ 最佳答案 data-filed应该没有空格,试试改data-f

javascript - 在具有静态内容的 angularjs bootstrap 选项卡上处于事件状态

我正在使用AngularBootstrapUI来显示带有静态内容的标签集。我对此感到沮丧,因为UIBootstrapTab文档仅显示导航到通过绑定(bind)ng-repeat创建的选项卡。tab1GotoTab3tab2我发现了一些东西听到Stackoverflow但这不适用于当前版本的AngularBootstrapUI..Plunker 最佳答案 要将选项卡设置为事件状态,您需要在范围内将bool标志设置为“true”并将其与给定选项卡的active属性相关联。这看起来像tab1tab2当tabOneActive设置为true

javascript - 带有 "More"选项的 Bootstrap 菜单响应问题

我在工作中使用了bootstrap。我在页面顶部有一堆菜单项,大约15个元素。因此,我的顶部菜单不适应屏幕宽度。它被打断到溢出菜单引入的下一行。我想通过“更多”菜单阻止菜单溢出到下一行。想法是溢出的菜单项移动到“更多”菜单下拉列表。但我不知道如何检测菜单溢出。如何将额外的菜单项移动到“更多”下拉菜单中?我确实有一个基本的结构和标记。fiddle:http://jsfiddle.net/xFW8t/347/标记:DashboardDocsDocs2Docs3Docs4DataiWebProgramConfigSmartInsideSettingsAccountTypesNotificat

javascript - Bootstrap3 popover data-trigger=focus 在弹出窗口中单击 <select> 输入时关闭弹出窗口

我正在使用Bootstrap弹出窗口并有一个弹出框内的字段,以便用户更改语言。如果他们在弹出窗口外单击,我希望它消失,所以我使用了data-trigger="focus"中的属性标记来完成此操作。但是,如果他们点击下拉菜单,弹出窗口会在他们单击语言之前消失。以下是供您引用的Bootstrap-非常感谢您的帮助。http://www.bootply.com/SEM4ophIhxJavascript:$(function(){$('[data-toggle="popover"]').popover()})$(function(){$('[rel="popover"]').popover({

javascript - 单击时使用纯 JavaScript 隐藏 Bootstrap 模态

我正在研究BootstrapPopUpModals。我有2个按钮,分别名为Button1和Button2。&我有2个模态框,分别名为Modal1和Modal2。Note:Button2isinsidetheModal1&Button1isontheWebPage.如果我点击Button1,Modal1应该是打开的&如果我点击Button2是在Modal里面,那么Modal1应该会自动隐藏并且应该显示Modal2。我正在使用jQueryYet做这件事并且它工作正常。$('#button1').click(function(){$('#modal1').modal('hide');$('#

javascript - 如果 ID 为数字,Bootstrap Accordion 不起作用

将Bootstrap升级到4.2.1版本后出现问题。在此版本中,当我在accordion中使用id="#12"时,它不起作用。在以前的版本中,它可以与id="#12"配合使用。有什么想法吗?CollapsibleGroupItem#1Animpariaturclichereprehenderit,enimeiusmodhighlifeaccusamusterryrichardsonadsquid.3wolfmoonofficiaaute,noncupidatatskateboarddolorbrunch.Foodtruckquinoanesciuntlaborumeiusmod.Bru

javascript - 我怎样才能在 twitter bootstrap 中只显示一次模态?

这是我的代码:$(document).ready(function(){if($.cookie('msg')==0){$('#myModal').modal('show');$.cookie('msg',1);}});在页面加载时模型显示,但当我刷新时它一直显示它应该只显示一次。$.cookie来自https://github.com/carhartl/jquery-cookie更新:这有效:“隐藏”由于某种原因无效$(document).ready(function(){if($.cookie('msg')==null){$('#myModal').modal('show');$.c

javascript - 使 bootstrap popover 出现在与其触发器不同的元素上

我正在尝试让单个“下一步”按钮创建不同的弹出窗口(弹出窗口1、2、3等...):每个弹出窗口都应该显示为附加到页面上的不同div。我们正在尝试创建一个“TakeaTour”功能,其中不同的功能由不同的弹出窗口解释。 最佳答案 手动显示/隐藏弹出窗口。单击“下一步”按钮时,按顺序显示和隐藏弹出框:varcurrentPopover=-1;varpopovers=[];//Initializeallthepopoverstobe"manually"displayed.popovers.push($("#ctrl1").popover({