草庐IT

$bootstrap

全部标签

javascript - Twitter Bootstrap Modal 是黑暗的吗?

除了模式之外,我的所有Bootstrap代码都在工作。模态显示,但整个屏幕是黑暗的。也就是说,模态似乎在灰色“背后”。LoginXLoginCloseLogin 最佳答案 看起来您需要在之前将其添加到脚本中$(function(){$("#myModal").modal({show:false});}); 关于javascript-TwitterBootstrapModal是黑暗的吗?,我们在StackOverflow上找到一个类似的问题: https://s

html - 响应式 Bootstrap 粘性页脚高度

调整窗口大小时,页脚的高度会扩展,但背景颜色不会扩展。帮助!http://twitter.github.io/bootstrap/examples/sticky-footer.html 最佳答案 height:auto似乎解决了这个问题。您可以将其包含在小视口(viewport)的媒体查询中:@mediaonlyscreenand(max-device-width:480px){#footer{height:auto;}} 关于html-响应式Bootstrap粘性页脚高度,我们在Sta

html - twitter bootstrap input-group-addon 和 btn-group 没有很好地对齐

我有一个选择项,我从http://silviomoreto.github.io/bootstrap-select/应用了选择器功能现在我正在尝试将input-group-addon与select对齐,它变成了btn-group,但是插件的高度永远不会与btn-group的高度相同,我使用的是twitterbootstrap3。任何人都可以建议我如何做到这一点,我的代码是:CONTACT_SERVICECODE112 最佳答案 这是我修复它的jsbin。jsbin当您将输入组大小设置为“input-group-lg”或“input-g

jquery - 禁用 Twitter Bootstrap 按钮组

我在页面上有一个用于选择的按钮组。选择完成后,我希望按钮组仍然可见,以便用户可以看到他们所做的选择,但我不希望他们能够再使用它。有没有办法禁用按钮组?Option1Option2Option3 最佳答案 您可以使用按钮上的禁用属性来禁用它们,asdescribedintheBootstrapdocs.它本质上涉及将属性“禁用”添加到按钮元素,就像这样;Option1Option2Option3一旦你完成了你想做的任何事情,你就可以使用jQuery来动态添加这个属性$('.btn-group-verticalbutton').attr

html - Bootstrap form-无标签文本的复选框的水平垂直对齐

今天早上我已经从Bootstrap3.0.0更改为3.2.0,因为我的Web应用程序需要一些新功能。一切似乎都按预期工作,直到我观察到.form-horizontal中复选框的垂直对齐问题。形式。一个例子可以在http://www.bootply.com/AYN64feYze找到。.这个最小示例的标记是:WithlabeltextlabeltextWithoutlabeltext如果复选框没有后面的文本,它将移动到它应该出现的行的下方。这个问题有解决办法吗?因为我已经有了前导标签,所以我的复选框不需要后续文本。我当前的解决方法是将文本添加到包含并使用背景颜色作为字体颜色来隐藏文本。感谢

html - 在 Bootstrap 中禁用@media 打印?

是否可以从bootstrap中完全禁用任何预配置的@mediaprintcss样式而无需重新编译它?可以在这里看到默认应用的打印样式:https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css#L6837我希望我的网页能够像看到的一样打印出来,并应用所有css标签。尤其是颜色,例如:b{color:#ff0000;}为了从bootstrap中禁用打印样式,我必须用我的自定义样式再次显式覆盖every属性,例如:b{color:#ff0000!important;}但是没有一种全局方法可以禁用这些默认打印样式吗

html - CSS 库(例如 :Bootstrap) that supports IE6?

我是Bootstrap的快乐用户.但是我们现在的大部分用户都来自China,whereIE6isat37%.所以我们必须放弃Bootstrap,它doesnotsupportIE6.有没有类似Bootstrap(简化HTML/CSS布局)的库也支持IE6? 最佳答案 查看HTML5Boilerplate,这是使用HTML+CSS+JS构建网站的坚如磐石的默认设置。 关于html-CSS库(例如:Bootstrap)thatsupportsIE6?,我们在StackOverflow上找到一

jquery - 如何使用 jQuery Validation Engine 和 Twitter Bootstrap modals 修复定位错误

我在我的网站上使用TwitterBootstrap2.1.0,我还使用jQueryValidationEngine2.6.2插件,它们可以很好地协同工作。直到您尝试在模态中使用验证引擎:注意我们如何获得水平滚动条,并且消息被截断了吗?我想知道我能做些什么来解决这个问题? 最佳答案 您可以在实例化/更新validationEngine时为错误消息建立一个默认位置,这将应用于您所有已验证的字段:$("#formID1").validationEngine({promptPosition:"topRight:-100"});和/或为您的每

html - Bootstrap 字形图标上的链接

我有以下rails代码'icon-eye-open'%>生成html100问题是,如jsfiddlehere中所示,当鼠标悬停在图标上时,数字和图标之间有一个带下划线的空格。出于视觉目的需要空间,但如何在没有css的情况下删除链接的下划线?为什么没有?我可以为某些特定或通用的css选择器执行text-decoration:none;,但我想了解为什么会出现此下划线。如果删除了@num,则没有下划线,并且由于它位于anchor标记之外,因此不应影响它。然而,它显然确实如此。 最佳答案 发生这种情况是由于之后的空格尝试将jsFiddle

html - 如何覆盖 sass 中的 Bootstrap 变量?

这个问题在这里已经有了答案:Howtoextend/modify(customize)BootstrapwithSASS(4个答案)关闭3年前。我正在尝试自定义Bootstrap4。我想将设置从_variable.scss文件复制到_custom.scss以覆盖。但是我没有在源代码中找到_custom.scss文件。如何在我的项目中添加这个_custom.scss文件?