问题标签 [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.

0 投票
2 回答
3093 浏览

twitter-bootstrap - 卡中的 Twitter 引导数据 src 无法正常工作

按照 twitter bootstrap 网站上给出的示例,以下代码

应该会产生一张不错的卡片,但它会产生

在此处输入图像描述

谁能告诉问题可能是什么?似乎数据属性对我不起作用。

0 投票
1 回答
1091 浏览

jinja2 - 带有 Jinja2 for 循环的引导选项卡面板

我正在尝试让 bootstrap 4 dev 选项卡与 jinja2 中的 for 循环一起使用。

这是我正在尝试的测试代码:

导航选项卡按预期运行,两个选项卡可见,“1”和“2”,并且正确应用了活动类。

但是,在导航选项卡之间单击时,内容选项卡不会更改。内容选项卡在“1”上是静态的。

将 loop.index 条件更改为 loop.index == 2 意味着选项卡内容在“2”上是静态的。

我在这里想念什么?

谢谢。

0 投票
1 回答
2147 浏览

css - Bootstrap 4固定导航栏重叠主体

现在 [几乎] 一切都基于 off rems,导航栏似乎有一些时髦的高度属性。一方面,导航栏高度是可变的,而填充是顶部和底部的静态 8px。

由于导航栏的伪动态特性,简单地将 body 的 padding-top 设置为 50px 不再有效。如果用户改变他们的字体大小,栏的高度将不再是 50px。

有没有人想出如何在滚动到页面顶部时为正文提供适当数量的填充以使其恰好位于导航栏下方?

如果必须使用 jQuery 来实现这一点,这似乎是一种回归,但也许这是唯一的方法。

示例代码:

请注意,条形图在某些字体大小处是如何重叠的,而在其他大小处则存在间隙。在 Mac OS X 上,您可以使用 command+minus 和 command+plus 更改字体大小

编辑:我在 bootstrap 4 github 页面上提出了一个问题。该错误已得到确认,但它可能超出范围,因为它们通常不支持缩放效果。

0 投票
1 回答
1250 浏览

jquery - 为什么 jQuery validate 不能在我的表单上工作?

谁能告诉我为什么这些字段没有被验证yourTelephoneNumbersyourEmailAddress基本上,我正在尝试设计我的表单,以便用户必须输入电话号码或电子邮件地址。

控制台日志;

错误:引导工具提示需要 Tether ( http://github.hubspot.com/tether/ ) bootstrap.js:2772:1

TypeError:验证器未定义

标签中的<head>代码;

实际开发站点- 单击标有“进行查询”的按钮

jsFiddle

0 投票
1 回答
2471 浏览

twitter-bootstrap-4 - Bootstrap 将需要 Sass 编译器和 Autoprefixer 来进行与我们的官方编译版本相匹配的设置

我想将 bootstrap 4 用于一个全新的项目,但我对此感到困惑。

问:我可以只下载源代码然后指向:

这就是我需要担心的全部?我需要担心 Reboot、Grid Only 还是 Flexbox?我只想使用引导程序。我不想担心各种选项和设置。

0 投票
1 回答
782 浏览

twitter-bootstrap-4 - Bootstrap 4 入门

这是迄今为止我想出的最小配置:

问:在打开 body 标签之后,替换的是什么div class="container"

0 投票
4 回答
27883 浏览

css - 使用 Bootstrap v4 对齐按钮

Bootstrap v4 删除.btn-group-justified类,见https://github.com/twbs/bootstrap/issues/17631

如何证明按钮的合理性:

0 投票
9 回答
101981 浏览

css - 如何在 Bootstrap 版本 4 中更改链接颜色和悬停颜色?

在我的设计中,我想在特定部分更改链接和悬停颜色。我尽力了,但我做不到。我是新手。如何为Bootstrap 4更改它?一个简单的代码在这里-

0 投票
1 回答
1116 浏览

twitter-bootstrap - 使复选框在 Bootstrap 4 中始终可见

这是 bootstrap4 中的新复选框:Bootstrap4 复选框

默认<input>复选框默认隐藏,仅在单击时可见。有没有办法让它始终可见。

小提琴:jsFiddle

编辑:这就是我希望它默认的样子。

在此处输入图像描述

0 投票
1 回答
927 浏览

twitter-bootstrap-3 - 如果我有 Bootstrap 背景,在语义 UI 中思考?

我熟悉使用Bootstrap(v3v4) 开发 webapps 和网站,但现在我想开始使用Semantic UI.

经过一番试验后,我觉得Semantic UI提供的可组合性比Bootstrap少,但我可能遗漏了一些东西。例如,我仍然不清楚如何将文本静音?Bootstrap有一个类,但我在语义 UItext-muted中找不到等价物

问题

你能描述一下必要的范式转变吗?这里有几个问题可以帮助你找到答案:

  • 我应该停止做什么/使用什么;
  • 我应该开始做什么/使用什么?
  • 是否有任何服务器端注意事项/限制?

注意:我不是在寻找 和 之间的详细Semantic UI比较Bootstrap