问题标签 [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 回答
1813 浏览

twitter-bootstrap - Bootstrap 4 导航栏,带有下拉菜单和响应式模板?

对于 B3,顶部导航栏有大量模板,带有下拉菜单。随着屏幕尺寸变小,菜单折叠成 3 栏按钮,菜单变成手风琴菜单。

是否有使用 Bootstrap 4 执行此操作的示例或模板?我发现的响应式示例折叠菜单,并显示 3 栏按钮,但菜单不会变成手风琴菜单。BS4 也有许多下拉示例,但其中没有响应式示例。

当屏幕变小时我是否只需要隐藏整个导航栏并显示具有所有相同选项的手风琴?这似乎比 BS3 要做更多的工作。

0 投票
0 回答
31 浏览

javascript - 不能让我在导航栏中的幻灯片正常工作

无法让我的字体真棒汉堡在我的侧栏中切换。使用bootstrap 4我对javascript一无所知,我只是将它粘贴在底部

和CSS

抱歉,我只是剪切并粘贴了超负荷的欢呼声以寻求帮助

0 投票
1 回答
1163 浏览

jquery - 在引导 v4 下拉列表中选择

我在 bootstrap v4 的下拉列表中放置了一个选择。它在桌面上运行良好;但是,在移动设备上,选择选项不会显示。我尝试的一切似乎都让桌面工作而不是移动。非常感谢帮助。谢谢。

0 投票
1 回答
1997 浏览

jquery-select2 - 在 bootstrap v4 下拉菜单中选择 2

这本质上是我在 bootstrap v4 下拉菜单中选择的问题;但是,我需要向它添加一个 select2 标记。重申一下,我想在下拉菜单中放置一个选择框。它可以在台式机上运行,​​在某种程度上(但不是真的)在移动设备上运行。它张贴在 outtopastureenterprises.com/selectInDropdown.html

顺便说一句,没有 select2,它在移动设备上根本不起作用,这就是我用这个标签重新发布的原因。

0 投票
1 回答
128 浏览

html - Bootstrap 4 li 标签未对齐为块元素

根据http://htmlhelp.com/reference/html40/block.html li是块元素,如果我使用li标签,则菜单在 Bootstrap 4 中的小型设备上切换时保持水平。我的问题是li标签是否是块元素,那么结果应该是下面代码的垂直菜单而不是水平菜单?

0 投票
1 回答
3060 浏览

affix - 让词缀与引导程序 4 一起工作

我正在尝试让 affix.js 与 bootstrap 4 一起使用。这是官方的 js:

https://github.com/twbs/bootstrap/blob/master/js/affix.js

这适用于例如:

但是左边有一个奇怪的跳跃。词缀也需要一堆CSS吗?因为我在存储库中找不到任何与词缀相关的东西。

http://jsfiddle.net/clankill3r/df8tb/2715/

0 投票
1 回答
90 浏览

twitter-bootstrap - 引导菜单上的奇怪行为

我有一个这样的菜单(bootstrap 4 alpha 2):

在此处输入图像描述

但是有一个奇怪的地方变成了这样:

在此处输入图像描述

重现:

  1. 使浏览器的宽度变小。
  2. 展开菜单
  3. 折叠菜单
  4. 让浏览器的宽度再次变大,瞧。

这是菜单:

为方便起见:https ://jsfiddle.net/clankill3r/efzsubtr/

0 投票
4 回答
19715 浏览

html - v4 bootstrap 全高侧边栏

我使用最新版本的引导程序,我的侧边栏太短而且不是全高。
你可以从这里查看:http
://srv.sniperjum.com/sh1omi/bootstrap-dev/ CSS:http
://srv.sniperjum.com/sh1omi/bootstrap-dev/css/style.css 这个问题来自我的 CSS 还是引导程序的问题?我该如何解决?

CSS

HTML

0 投票
1 回答
912 浏览

html - 在 flexbox 中将项目向右对齐

我正在使用 Bootstrap 4 和这个 CSS 类来垂直对齐我的项目:

这样,所有这些内容都向左对齐。例如,如何将列表 (ul> li) 向右对齐?我尝试过的任何方法都不起作用。

这是一个工作演示:

我也有一个 JSFiddle:https ://jsfiddle.net/xcottg08/

0 投票
1 回答
2953 浏览

twitter-bootstrap - 如何水平堆叠卡片以便稍后查看轮播?

这是目标:我想创建一个卡片轮播,您可以在其中单击左右箭头以滚动浏览所有卡片。

我的首选方法是:堆叠s 并在按下箭头时card-deck转换到下一个。card-deck澄清一下:你一次只能看到一个card-deck,但我希望它们并排能够在它们之间进行 css 转换。

现在我得到了

这显然会垂直堆叠卡片组,因为所有card-decks 都是全宽的(我在引导程序 4 中使用 flex 选项,因此此处适用包装)。现在,我如何让它们 100% 宽但水平堆叠,以便我以后可以隐藏溢出并滚动浏览甲板?

我已经尝试了各种各样的事情,我真的不知道该怎么做。这是一个小提琴,可以为您节省一些设置时间:

jsfiddle

此外,如果您知道启用了 flex 的最新 alpha 4 bootstrap CDN,请告诉我。我正在使用的是几天前的。