问题标签 [twitter-bootstrap-4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
parsley.js - 让 Parsley 2 与 Bootstrap 4 一起工作
默认情况下,Parsley 只处理更新单个元素的类(通常是无效条目所在的输入字段)。但是,在 Bootstrap 4 中,我们必须同时更新表单组和输入字段类以使用验证图标呈现它们。否则,仅更改边框颜色。
在客户端验证用户输入时,如何使用 Parsley 正确、完整地设置输入字段的样式?
css - Bootstrap 4 接受 offset-md-*,而不是 col-offset-md-* 命名约定错误
我只是 Bootstrap 4 的初学者。
我最近才开始学习它,可悲的是,我已经遇到了问题。我修改了 Bootstrap 4 手册本身的一些代码。但是,它失败了,偏移量无法正常工作。代码非常简单,虽然不需要很多代码。
编辑:2016 年 5 月 25 日 [12:35 PM (GMT+8)]:
使用 Bootrap 3.3.6 版本, col-md-offset-* 正在工作。但是,在 Bootrap 4 中出现了故障。
问题已发布在https://github.com/twbs/bootstrap/issues/19966上!
这是我使用的代码:
所以,我怀疑引导程序中实际上有一个名为“col-md-offset-*”的类,因为它无法工作。因此,在 Safari 中,我打开了 Develop > Show Web Inspector 并查看了通过 CDN 链接的 Bootstrap 文件。我搜索了类col-md-offset-4
,它没有出现。然而,我md-offset-4
却看到了。我还看到,col-md-push-4
我发现的不是 class ,而是md-push-4
等等。因此,我改为使用md-push-4
它,它与 Bootstrap 中的示例一样好用。
编辑:2016 年 5 月 25 日 [9:03 PM (GMT+8)]:
这解决了用户 Nate Conley 的回答。顺便说一句,这是在编辑此问题时取自http://v4-alpha.getbootstrap.com/layout/grid/的。在撰写本文时,Bootstrap 团队的任何变化都是无法预料或未知的。
因此,我修改了代码,它工作得很好。
问:我的浏览器 Safari (9.1) 或 Bootstrap 版本 4、maxcdn 等有问题吗?这是 Bootstrap 4 中的正常错误吗?
css - Bootstrap 4 menu positioning with image
I'm using this template:
And I want to modify menu a bit, instead of having blue Bootstrap 4 text, I'd like to have a image there. It's looking all fine until I look at mobile view.
I'm expecting to have my image in the same place as the text:
However my image happens to appear under hamburger menu:
This is what I have at the moment:
I've just replaced Bootstrap 4 with this img tag: <img src='logo.png'/>
. I'm quite new to bootstrap, if someone would help me to figure out how to sort this out, that'd be great.
twitter-bootstrap-4 - 在我的项目中使用 Bootstrap 4 Source 的正确安装过程是什么
好的,所以我已经阅读了这方面的文档,甚至没有尝试过,因为它只是超出了我的想象。
我有一个项目文件夹:
我想通过自定义变量以及在特定项目上编译哪些文件来习惯使用引导程序的全部功能。
我的机器上安装了 node.js,所以我可以访问 npm、grunt 等。
我已经在这里下载了源文件表格,但如果这是一个更好的选择,我不反对使用 npm 安装。注意我需要知道如何从node_modules
我可以在文件中链接到的.html
文件中编译。
我的主要问题是,如果我从站点下载源文件以在我的项目中使用,那么在文件结构中,源文件与项目的其余部分以及我自己的 SCSS 和 JS 相关。
希望你能帮忙!克雷格
twitter-bootstrap-4 - Bootstrap 4 如何初始化不同类型的弹出框
我有两种类型的弹出框,我想与 Bootstrap 4 一起使用。但似乎我可以初始化所有弹出框,或者我可以单独初始化它们;
所以我可以这样做;
或者我可以这样做;
但我不能两者都做,我错过了什么吗?因为我希望我的一些弹出框是内联的,而一些是面向 HTML 的......
任何建议将不胜感激
达伦
jquery - 文件浏览器中的文件名 - Bootstrap 4
Boostrap 4 中的文件浏览器缺少文件名。它只是说选择文件...我为它制作了一个javascript解决方案。有没有更好的方法来解决它?
HTML
jQuery
CSS
唯一的区别是您必须将数据内容添加到跨度。另一方面,它使更改语言更容易。
链接到 Bootstraps 文件浏览器:http: //v4-alpha.getbootstrap.com/components/forms/#file-browser
html - Bootstrap 4 Navbar Menus Enclosed By Borders
I am new in bootstrap 4 and I want to know if there is an option in bootstrap 4 for navbar menus enclosed by borders like this: image
Thanks!
jquery - mixitup 和 bootstrap .active 类冲突
我正在尝试在我的引导模板上加载一个 mixitup 过滤器库。
问题是当我在第一个已经激活的选项卡窗格上加载图库时,它工作正常
但是当我试图在第二个或第三个选项卡窗格下加载它时它不起作用我认为引导 .active 类之间存在冲突?
这是选项卡窗格的主导航菜单
这是混音画廊
上面的代码将不起作用,但如果我在第一次加载时将其设置为活动选项卡窗格,一切都很好,所有投资组合导航都不会有问题,并且可以点击并过滤图库
在此先感谢希望有人可以帮助我。