问题标签 [twitter-bootstrap-4-beta]

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 回答
82 浏览

css - 根据设备宽度显示/隐藏 div

如果屏幕宽度超过/低于特定值,是否可以使用(或不使用)Bootstrap 4 隐藏 div?它需要javascript吗?更具体地说,我正在寻找隐藏特定文本(我发现在移动屏幕上无用)。我尝试了像“hidden-sm-up”这样的课程,但我无法让它发挥作用。对不起,如果这是一个基本问题...

0 投票
3 回答
25930 浏览

css - Bootstrap 4 水平滚动条 div

我得到这个适用于 Bootstrap 3,但相同的代码在 Bootstrap 4 中不起作用。

基本上,我正在尝试为 DIV 创建一个水平滚动,这是一个适用于 Bootstrap 3 的工作 JSFIDDLE(我不想要):DEMO

Bootstrap 4 的相同代码不起作用!这是 Bootstrap 4 的 JSFiddle:https ://jsfiddle.net/6kvw2q5h/

HTML

CSS

我究竟做错了什么?我无计可施。

0 投票
2 回答
4077 浏览

twitter-bootstrap - 订单不起作用 Bootstrap v4.0.0-beta.2

我有两个 div 和col-lg-5. 当查看端口更改为移动设备时,我想先将第二个 div 作为订单。我order-*在 v4.0.0-beta.2 中使用 Bootstrap 类。

但是在小型设备中,当我使用col它时应该更改如下:

但它没有改变,它保持相同的顺序。

0 投票
3 回答
26115 浏览

twitter-bootstrap - 在引导程序 4 中自定义折叠过渡

Bootstrap 4 使用该类.collapsing在打开/关闭时为 .collapse-element 的宽度/高度设置动画。不幸的是,实际更改是通过将宽度/高度作为内联样式添加到元素并在过渡的开始和结束时添加和删除类来实现的。因此,很难自定义过渡(例如更改时间或淡入/淡出而不是宽度过渡)。

到目前为止我已经尝试过:

  • 将 css 属性添加transition:none.collapsing类:这确实有助于摆脱过渡,但打开/关闭仍会因过渡时间而延迟,因为在实际更改发生之前,类仍会添加几毫秒。
  • 向类添加自定义 css 关键帧.collapsing:由于打开和关闭使用相同的类,因此两者显示相同的动画。

有什么方法可以改变过渡,例如淡入/淡出(改变不透明度)还是我必须构建 bootstrap.js 的自定义版本?

0 投票
1 回答
8550 浏览

html - 您如何在 Bootstrap 4 中将导航栏项目定位在右侧?

我是新手,想问一下您如何在 Bootstrap 4 中将导航栏项目放置在右侧?我在这里尝试了Bootstrap 4 - Right Align Navbar Items的解决方案,但没有奏效。

我试图理解 Bootstrap 4 中的示例代码,但不是什么使搜索表单向右对齐?

mr-auto 不会使用下面的方法将导航项目向右对齐,

0 投票
0 回答
44 浏览

css - 带有 div 的 flex 框中的底部位置

我正在尝试将带有进度条的 div 放置在我的 flexbox 的底部,但是我在 stackoverflow 上找到的所有内容都不起作用或未按需要应用...

尝试了absolute to the bottom、auto-margin、flex-grow,但都没有解决问题!

所以我试图将 ngb-progressbar 放在我的 div 的底部,但我没有成功。我试过把它放在一个div中,它也没有用

这是我在 css 中所做的最后一次尝试

* 编辑 *

问题的图像 在此处输入图像描述

0 投票
1 回答
471 浏览

javascript - 引导程序中的药丸标签不起作用

为什么这个标签不起作用?

我应该更正 jQuery 部分吗?

Id 和 Href 是真的,但它不起作用。

0 投票
1 回答
13 浏览

angular2-template - angular2 如何打开 Bootstrap4 beta2 modelpopup

请帮助我如何使用 Angular2 代码弹出 Bootstrap4 Beta2 模型弹出窗口。在这里我不想使用 Jquery 代码这是我从 getbootstrap.com 复制的一些代码

0 投票
0 回答
413 浏览

drop-down-menu - reactstrap + bootstrap 4 beta 下拉菜单不起作用

我不明白为什么这个导航下拉菜单不起作用。我的阅读表明它可能与添加 react-popper 依赖项有关,但我真的不明白这是如何实现的。这是 bootstrap 4 beta + create-react-app + reactstrap 5.0.0-alpha.4。遵循 reactstrap文档

我的Git 存储库链接

引导代码:

依赖包.json:

0 投票
1 回答
1346 浏览

html - Bootstrap-4 显示类不起作用

我目前正在使用 Bootstrap 4 beta,一切正常,但我有一个问题......像 d-none、d-inline、d-inline-block 这样的显示类......没有任何效果. 其他一切都很好,我不明白为什么它们不起作用。

例如:

这些 h1 元素仍显示为块元素。有谁知道问题出在哪里?