草庐IT

jekyll-bootstrap

全部标签

jquery - Bootstrap 嵌套 Accordion 字体-很棒的图标

我有一个3级嵌套BootstrapAccordion,它工作正常,但我想更改panel-headingdiv,我可以在其中使用字体很棒的图标fafa-chevron-down当Accordion打开时(不影响嵌套的Accordion)和fafa-chevron-right当Accordion折叠时。我正在使用此代码来更改图标:$('div.panel-collapse.collapse').on('shown.bs.collapse',function(){$(this).parent().find(".fa-chevron-right").removeClass("fa-chevro

html - Rails 中的 Bootstrap 旋转木马

我正在处理一个文件夹中有多个图像的元素。我让Bootstrap在我的元素上工作,并尝试使用thistutorial在轮播中工作.它似乎非常适合我的需要,但我无法将它混合到我的RubyView中。到目前为止,这是我得到的:PreviousNext我认为我的div和图像标签存在语法/顺序问题,但移动它们不会改变任何东西。我想要做的是为每张图片制作一张单独的幻灯片,但使用当前代码似乎想要将所有图片放在一张幻灯片中。 最佳答案 这部分:需要改成这样:"class="">这部分:需要这样:">让我知道它是否适合你。

html - Bootstrap 按钮全宽适用于较小的屏幕尺寸

我希望我的Bootstrap按钮在较小的屏幕上占据全屏宽度(好吧,几乎)。btn-block确实使按钮扩展,但适用于所有类型的屏幕。是否可以使用CSS自定义此btn-block(例如使用@media)以便仅在较小的屏幕上激活它?或者还有其他方法吗?我的HTML按钮代码行如下:SubmitReset谢谢AB 最佳答案 创建这个新的CSS类:@media(max-width:768px){button.full-width{width:100%;}}然后把它应用到你的按钮上:SubmitReset在我看来,这比将Bootstrap类编辑

html - 如何从 Bootstrap 按钮中删除悬停效果?

我有一个Bootstrap按钮,我在其中覆盖了样式表中的样式,因为我想让按钮变暗,现在按钮上有Bootstrap的悬停效果,我怎样才能摆脱它?查看下面的代码片段以了解结果:.btn-dark{min-width:100px;background-color:black;color:white;border-radius:1px;text-decoration:none; opacity:1.0;box-shadow:none;}SENDUSAMESSAGE 最佳答案 BootstrapExample.btn-dark{min-wid

html - Bootstrap 输入组插件不起作用

我刚刚从bootstrap2.3.2升级。我已经从文档中复制/粘贴了示例,但附加组件对其中的字符没有影响。我正在尝试的代码:@@看起来就像一个普通的at,没有任何背景或任何东西。我做错了什么? 最佳答案 我没有发现您的代码有问题,请参阅:http://bootply.com/69981你从2.3.2迁移到3RC1?我认为你包含了错误的CSS。在主站点(http://twitter.github.io/bootstrap/)上,您现在可以找到Bootstrap3的文档。Twitter的Bootstrap2.3.2文档移至http://

css - 使用 bootstrap 3 的输入组中的多个下拉菜单

我正在尝试制作一个应该看起来像这样的搜索栏:http://s22.postimg.org/ecaxmtj8x/search_bar.png我正在使用bootstrap3。在下面的代码中,我有3个按钮,其中“菜单2”按钮会打开一个下拉菜单。我也希望“菜单1”按钮可以打开菜单。但到目前为止,我的尝试都失败了。当我尝试将按钮分组到一个btn组时,它与连接的搜索栏分开,这不是我想要的。有没有办法使用输入组类在一个div中包含2个菜单?test1  test2  Option1Option2Option3 最佳答案

html - 使用 Parsley 2.x 和 Bootstrap 3 错误消息范围的错误放置

我正在尝试将Parsley验证添加到Bootstrap3btn-group中包含的一组单选按钮。问题是parsley注入(inject)的错误包装器(在我的例子中设置为一个跨度)出现在两个选项之间(包含在标签中)而不是btn-groupdiv之外。下面的示例说明了这一点:YesNo关于如何解决这个问题有什么建议吗? 最佳答案 在深入研究源代码后,我注意到在初始化Parsley时有一个“errorsContainer”选项可用。将初始化函数更改为:$(".validate-form").parsley({successClass:"h

javascript - 我如何使用 angularJS 将可拖动指令应用于 Bootstrap 模式?

我在我的Angular应用程序中使用Bootstrap模式,它工作正常。我需要让它可以拖动和调整大小,所以我定义了一个指令。现在的问题是它被应用于模态窗口内的内容,因此模态窗口变得透明。打开窗口时如何将可拖动指令分配给模态窗口?这是代码,HTML:App.js:varrouterApp=angular.module('DiginRt',['ui.bootstrap','ngRoute']);routerApp.controller('CustomWidgetCtrl',['$scope','$modal',function($scope,$modal){$scope.openSetti

html - 为什么我的 bootstrap 4 列高度不同?

我只是在学习bootstrap4。列应该具有相同的高度,但这是行不通的。代码:ProjectStuffhereheadingalotlongerstuffhere.Thisboxshouldbealotlonger.alotlongerstuffhere.Thisboxshouldbealotlonger.alotlongerstuffhere.Thisboxshouldbealotlonger.(它位于更上方的类容器中)。根据文档,它应该自动保持相同的高度。但是,这是我的输出:screenshot我错过了什么?谢谢! 最佳答案 你

html - 1 行中有 5 个相等的跨度 - Twitter Bootstrap

使用流体网格布局我可以获得4个相等的跨度:............或者我可以获得6个相等的跨度:..................但是我如何获得5个相等的跨度? 最佳答案 我遵循了用于计算宽度的bootstraps方法,并得出了以下结果。您需要遵循如下的HTML结构:LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLore