草庐IT

$bootstrap

全部标签

javascript - Bootstrap 下拉复选框选择

我正在尝试使用复选框自定义Bootstrap下拉菜单,如果我从下拉菜单中选择一个复选框,我想在输入下拉菜单中写上标签名称,用“;”分隔,就像在上传的图片中一样dropdown已关闭。这是一个fiddleexample. 最佳答案 这不是最优雅的解决方案-您可能想要稍微改进一下,但这可能会让您入门:$(document).ready(function(){$("ul.dropdown-menuinput[type=checkbox]").each(function(){$(this).change(function(){varline

html - Bootstrap : In a modal dialog, 如何使下拉菜单在对话框外展开?

示例代码:http://jsfiddle.net/vpg5g/我想让从按钮下拉的菜单扩展到模式的边框上。如您所见,当前状态是不可用的。有什么办法可以做到这一点吗? 最佳答案 模态不允许任何溢出,您可以使用以下方法修复它:.modal{overflow:visible;}.modal-body{overflow-y:visible;}Workingdemo您可能希望添加一个类以仅将这些规则应用于真正需要它的模式,以防此修复产生错误。 关于html-Bootstrap:Inamodaldia

html - Bootstrap 3 "btn-group"小屏幕上的无响应行为

是否有bootstrap3方法来处理“btn-group”的小屏幕尺寸?按钮组放在并包裹在中:看起来不错,直到您将其大小调整为如何让它们持久化?我试图添加类btn-group-justified.但结果是它给出了全宽按钮,并且在调整到小屏幕尺寸时看起来更糟。P.S>我有一个想法,如何实现它添加全套自定义类。我的问题是关于bootstrap3方式。可能是我错过了什么。 最佳答案 您可以创建两个具有相同按钮的按钮组,并将其中之一设为btn-group-vertical。然后在对它们应用hidden-xs和visible-xs之后,您可以

html - 如何更改 Bootstrap 模式的边界半径?

我无法更改Bootstrap模式的边框半径。.modal{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}我应该怎么做? 最佳答案 Bootstrap3:在Bootstrap3中,您需要将边框半径应用于.modal-contentdiv元素,而不是.modal这样的div元素:.modal-content{-webkit-border-radius:0px!important;-moz-border-radius:0px!important;bo

html - Twitter Bootstrap 3 中的多个固定顶部导航栏标题

Bootstrap3.02我想将2个固定到顶部导航栏,类似于Joomla!3实现他们的浏览屏幕。然后一旦你滚动导航栏#2就会顶住顶部的导航栏:我看过:Bootstrap3multiplenavbarshttps://groups.google.com/forum/#!topic/twitter-bootstrap-stackoverflow/aAGJKArh-8E但是尝试了多个片段我无法让它工作。任何人都可以帮助在jsFiddle中进行工作演示吗? 最佳答案 codebelow是使用两个navbars和affix的基本开始。HTML

html - 如何将 Bootstrap 形式的输入与输入组插件对齐?

我有一个非常简单的Bootstrap3表单,当我不使用input-group-addon时,我可以轻松(自动)对齐它。在我的表单中使用它们后,无法对齐(由于添加了插件,带有插件的行更宽)ProductnamePrice$.00DescriptionSubmitJsFiddle:http://jsfiddle.net/Yzxy3/ 最佳答案 输入组的Bootstrap文档说:Don'tmixinput-groupwithothercomponents.(see:http://getbootstrap.com/components/#i

jquery - Bootstrap Popover,.click 没有在 popover 中捕获按钮

首先,问题的fiddle:jsfiddle.net我正在使用一个弹出窗口,它的内容是html,一个类为“click_me”的按钮。我有jquery来监听对“click_me”的点击,它应该会发出警报。然而,事实并非如此。我错过了什么吗?JS:jQuery(document).ready(function($){$('.demo_button').click(function(){$(this).popover({html:true,trigger:'manual',placement:'right',content:function(){var$buttons=$('#popover_

javascript - 是否可以在一个页面上有多个 Twitter Bootstrap 轮播?

TwitterBootstrap版本:2.0.3示例HTML代码:$(document).ready(function(){$('.carousel').each(function(){$(this).carousel({pause:true,interval:false});});});​………‹›………‹›示例CSS:bootstrap.css问题:为了让两个Bootstrap轮播在一个页面上工作,基本上,我需要为它们的div容器设置两个不同的ID(#carousel-1和#carousel-2).但我注意到,除非我使用#my

html - Bootstrap 4 粘性页脚不粘

不太确定为什么粘性页脚在Bootstrap4中不起作用。我有一个TYPO3网站,我是初学者。粘性页脚没有粘在页面底部。这是已呈现的页面源代码的副本。我基本上是从bootstraps文档文件夹中复制html文件,然后修改它并将其复制到我的TYPO3模板中。如果我用内容填充页面,页脚不会固定-我必须向下滚动页面才能看到它。LandingPage Stickyfooter Pinafixed-heightfootertothebottomofthe viewportindesktopbrowserswiththiscustomHTMLandCSS. Usethes

html - 使 Bootstrap 的 Carousel 既居中又响应?

我希望我的轮播图片位于中心(水平),这不是默认设置。我遵循thistopic的解决方案.但是,使用此解决方案时,当旋转木马调整大小并小于图像时,图像将被裁剪而不是默认缩放。我怎样才能既让我的图片居中,又让它拉伸(stretch)到轮播元素? 最佳答案 现在(在Bootstrap3+上)很简单:.carousel-innerimg{margin:auto;} 关于html-使Bootstrap的Carousel既居中又响应?,我们在StackOverflow上找到一个类似的问题: