草庐IT

$bootstrap

全部标签

javascript - Bootstrap 4 多选下拉菜单

我在很多论坛上看到,select和multiselect的问题在bootstrap4beta版本之后已经解决了。不幸的是,我无法在(bootstrap3)中显示多选(bootstrap4)。Bootstrap3片段$('select').selectpicker();MustardKetchupRelishBootstrap4片段$('select').selectpicker();MustardKetchupRelish 最佳答案 因为bootstrap-select是一个Bootstrap组件,因此您需要像对V3所做的那样将其包

javascript - Bootstrap 3 btn-group 在单击页面上的任何位置时丢失事件类

你能不能看看下面的Demo并让我知道为什么每当我单击页面上的任何位置时btn-group都会失去Active类。我期待btn-group只在彼此之间切换?我在这里做错了什么吗?LeftMiddleRight 最佳答案 因此,(如评论中所述)您看到的灰色填充实际上并不是应用的事件类-它是特定Bootstrap按钮元素的焦点选择行为。(就像超链接的虚线轮廓。)尝试在单击按钮后按Tab键,您应该会看到焦点选择发生变化。获得所需行为的一种方法是自己应用事件类,并使用一些jQuery来在单击组中的按钮时交换事件类。代码段可能如下所示:$(".

javascript - Bootstrap 3 btn-group 在单击页面上的任何位置时丢失事件类

你能不能看看下面的Demo并让我知道为什么每当我单击页面上的任何位置时btn-group都会失去Active类。我期待btn-group只在彼此之间切换?我在这里做错了什么吗?LeftMiddleRight 最佳答案 因此,(如评论中所述)您看到的灰色填充实际上并不是应用的事件类-它是特定Bootstrap按钮元素的焦点选择行为。(就像超链接的虚线轮廓。)尝试在单击按钮后按Tab键,您应该会看到焦点选择发生变化。获得所需行为的一种方法是自己应用事件类,并使用一些jQuery来在单击组中的按钮时交换事件类。代码段可能如下所示:$(".

javascript - 单击关闭时保持 Bootstrap 下拉菜单打开

如果下拉菜单可见,并且我在下拉菜单外单击它会关闭。我需要它不关闭。来自文档:Whenopened,thepluginalsoadds.dropdown-backdropasaclickareaforclosingdropdownmenuswhenclickingoutsidethemenu.我可以添加什么JavaScript来防止下拉菜单关闭? 最佳答案 来自Bootstrapdropdown的事件部分文档:hide.bs.dropdown:Thiseventisfiredimmediatelywhenthehideinstance

javascript - 单击关闭时保持 Bootstrap 下拉菜单打开

如果下拉菜单可见,并且我在下拉菜单外单击它会关闭。我需要它不关闭。来自文档:Whenopened,thepluginalsoadds.dropdown-backdropasaclickareaforclosingdropdownmenuswhenclickingoutsidethemenu.我可以添加什么JavaScript来防止下拉菜单关闭? 最佳答案 来自Bootstrapdropdown的事件部分文档:hide.bs.dropdown:Thiseventisfiredimmediatelywhenthehideinstance

javascript - Bootstrap 模式打开时如何更改背景不透明度

我正在使用Bootstrap模式。当模态打开时,背景内容的不透明度默认不会改变。我尝试使用在js中进行更改functionshowModal(){document.getElementById("pageContent").style.opacity="0.5";这是可行的,但是只要模式关闭,pageContent的不透明样式仍然存在。但是,我确信这不是正确的做法。任何帮助表示赞赏。谢谢。打开Modal的Html按钮是Clear模态代码是×SearchresultsHelloi!!!!编辑: 最佳答案 我假设您想设置模态

javascript - Bootstrap 模式打开时如何更改背景不透明度

我正在使用Bootstrap模式。当模态打开时,背景内容的不透明度默认不会改变。我尝试使用在js中进行更改functionshowModal(){document.getElementById("pageContent").style.opacity="0.5";这是可行的,但是只要模式关闭,pageContent的不透明样式仍然存在。但是,我确信这不是正确的做法。任何帮助表示赞赏。谢谢。打开Modal的Html按钮是Clear模态代码是×SearchresultsHelloi!!!!编辑: 最佳答案 我假设您想设置模态

javascript - 您可以为 Bootstrap 指定一个 "data-target"来引用同级 DOM 元素而不使用 ID 吗?

我正在向页面动态添加Collapsable元素。Bootstrap使用“data-target”属性来指定折叠切换适用于哪个元素。来自文档:Thedata-targetattributeacceptsacssselector有没有办法编写一个选择器来指定父元素的下一个兄弟元素?文档中的所有示例似乎都使用按ID进行选择。具体来说,HTML看起来像这样:GeneratedTitleGeneratedContent...thisisbigandsometimesneedscollapsing我想写这样的东西(非法使用jquery语法的伪代码):但我开始怀疑这可能无法通过CSS选择器实现。现在

javascript - 您可以为 Bootstrap 指定一个 "data-target"来引用同级 DOM 元素而不使用 ID 吗?

我正在向页面动态添加Collapsable元素。Bootstrap使用“data-target”属性来指定折叠切换适用于哪个元素。来自文档:Thedata-targetattributeacceptsacssselector有没有办法编写一个选择器来指定父元素的下一个兄弟元素?文档中的所有示例似乎都使用按ID进行选择。具体来说,HTML看起来像这样:GeneratedTitleGeneratedContent...thisisbigandsometimesneedscollapsing我想写这样的东西(非法使用jquery语法的伪代码):但我开始怀疑这可能无法通过CSS选择器实现。现在

javascript - 如何更改 Bootstrap 中模态的默认定位?

×ModaltitleOnefinebody…CloseSavechanges如何更改Bootstrap中的默认模态位置,我应该在哪里编辑以更改默认位置。 最佳答案 将以下css添加到您的html并尝试更改顶部、右侧、底部和左侧的值。.modal{position:absolute;top:10px;right:100px;bottom:0;left:0;z-index:10040;overflow:auto;overflow-y:auto;} 关于javascript-如何更改Boot