Tag: bootstrap 4

根据hover的页面部分的背景更改固定导航栏的类

我正在Bootstrap 4的一个网站上工作，该网站包含浅色和深色背景以及固定导航栏。 导航栏是黑暗的（具有bg-dark的css类），虽然它很容易在光线部分可见，但它与黑暗部分无法区分。 当用户到达黑暗区域时 （我在StackOverflow上建议了解决方案 ），我尝试将导航栏的navbar-dark bg-dark navbar-light bg-light $(window).on(‘activate.bs.scrollspy’, function (e,obj) { if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) { return; } var isBGLight = $(obj.relatedTarget).hasClass(‘bg-light’); $(‘.navbar’).toggleClass(‘navbar-dark bg-dark’, isBGLight) .toggleClass(‘navbar-light bg-light’, !isBGLight); }); .page-section { padding: 70px 10px } .page-section.bg-dark * { color: #fff; } Logo About Us Services Contact Section 1 Try to scroll […]

Bootstrap 4文件输入

我正在努力使用bootstrap 4文件浏览器。 如果我使用自定义文件控件，我会一直看到选择文件值。 https://v4-alpha.getbootstrap.com/components/forms/#file-browser 我想在选择文件后更改选择文件的值。 这个值实际上隐藏在css .custom-file-control:lang(en)::after ，我不知道如何在javascript中访问和更改它。 我可以像这样得到所选文件的值： document.getElementById(“exampleInputFile”).value.split(“\\”).pop(); 不是我需要改变 .custom-file-control:lang(en)::after { content: “Choose file…”; } 不知何故 链接： http ： //codepen.io/Matoo125/pen/LWobNp

带有远程模态的Bootstrap 4

使用新的Twitter Bootstrap版本：Bootstrap 4 alpha，我无法使Modal在远程模式下工作。 它与Bootstrap 3完美配合。使用bootstrap 4我得到了弹出窗口，但是模型体没有被加载。 没有远程调用myRemoteURL.do来加载模型体。 码： Open Model × Model Title Close Submit