问题标签 [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 投票
1 回答
3961 浏览

css - 从 Bootstrap 4 中的卡片列中删除装订线

你如何删除 Bootstrap 4.card-columns容器中的列和行之间的排水沟?

0 投票
2 回答
8195 浏览

html - Bootstrap 4行中的居中复选框按钮

我正在尝试将复选框作为 Bootstrap 中的按钮居中。我尝试在周围的 div 和输入中使用“文本中心”和“中心块”,但没有效果。(您可以在示例中看到在许多地方使用的“text-center”和“center-block”中的每一个。)

HTML:

我创建了一个小提琴,并为其中一个 div 突出显示了不同颜色的背景,以便您可以看到缺少居中: https ://jsfiddle.net/rovh1fcw/3/

谢谢你的帮助!我确定这是我忽略的简单事情。

0 投票
3 回答
87 浏览

html - Bootstrap 导航链接不合适

我有一个导航栏(使用 bootstrap 4 css),我有 3 个链接和一个品牌。

我希望所有这些都符合要求,但由于某种原因,它们到处都是。

这是它的样子:

在此处输入图像描述

这是我当前的代码:

我使用 proxima nova 作为我的字体,是的,以前从未发生过这种情况,有什么想法吗?

0 投票
1 回答
980 浏览

javascript - Bootstrap 4 系绳放置

Bootstrap 4 使用 tether.js 作为位置,但是它只支持 4 个位置,“top”“right”“bottom”“left”,我怎样才能扩展到更多选项,tether 支持其中的 12 个?例如“左上角”或“右上角”

0 投票
1 回答
67 浏览

twitter-bootstrap-3 - 引导 alpha 还是稳定的?

我对 Bootstrap 和 Django 很陌生,我想知道我应该坚持使用 Bootstrap 3 还是使用 Bootstrap alpha。你怎么看?另一件事是我可以在同一个站点上同时使用 3 和 4 还是会有问题?谢谢你的意见。

0 投票
3 回答
799 浏览

aurelia - JSPM / Aurelia / Bootstrap 4 找不到 jQuery

所以我有一个使用 jspm 的 aurelia 设置。我已经像这样安装了 Bootstrap 4:

jspm install npm:bootstrap@4.0.0-alpha.2

然后在 main.js 我做了:

我什至尝试过import $ from 'jquery',但是当我用 BS4 启动 aurelia 骨架时,我得到:

我可以去控制台做 $ 并返回 jquery 的东西。我认为这是一个竞争条件,但不知道如何解决?

编辑:System.config

0 投票
1 回答
421 浏览

html - Bootstrap 4:如何控制可折叠内容?

如何控制 Bootstrap 4 中的可折叠内容?

例如,这个导航栏如下:

在此处输入图像描述

在此处输入图像描述 在此处输入图像描述

我想控制这个演示的状态。
具体来说,
在状态 2 中,我希望搜索通知不是换行符,仍然是一行。
在状态 3,我希望 search inform 和 navbar-brand 不消失,ul菜单消失。

怎么做?

代码:

0 投票
1 回答
3554 浏览

javascript - why sideNav function is not working in bootstrap

I am implementing Bootstrap navbar but it's not displaying fine and displaying an error on my console saying

enter image description here

I tried to change the orders of my script sin head section but didn't get rid of this problem. Anyone help me in finding out my mistake?

Code

0 投票
1 回答
1445 浏览

flexbox - 如何在带有 flexbox 的 Bootstrap 4 中使用嵌套网格

我正在使用带有flexbox的 Bootstrap 4 CSS,但我遇到了嵌套网格的问题。嵌套网格在没有 flexbox 的 Bootstrap 4 中按预期工作,但是当使用 flexbox 时,元素堆叠而不是水平排列。这段代码:

创建此视图

编辑: 奇怪的是,如果我将第二列中的字段集更改为 div,则布局按预期工作。但是,除了元素的计算高度之外,我在字段集和 div 之间找不到任何有意义的 css 差异。打破布局的字段集是什么?

不幸的是,我无法创建 jsfiddle,因为通过 cdn 可用的 Bootstrap 4 css 版本没有启用 flexbox。

0 投票
3 回答
4038 浏览

twitter-bootstrap-4 - 与列 bootstrap4 等高

我正在使用 bootstrap 4,想知道如何让所有列保持相同高度?如果可能不使用 flexbox 与旧版浏览器兼容(呸!)。

谢谢