草庐IT

jekyll-bootstrap

全部标签

javascript - 如何在 Angular 6 项目中添加 Bootstrap ?

这个问题在这里已经有了答案:Howtousebootstrap4inangular2?(11个答案)关闭4年前。我尝试在angular.json包中添加样式依赖项,但显示找不到该模块。添加两个引导文件。这是两个文件的屏幕截图angular.json文件是这样的angular.jsonfile

javascript - Bootstrap 4 多选下拉菜单

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

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选择器实现。现在