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

javascript - 如何将来自不同文件夹的多个 Javascript 文件合并到一个文件中?

我在不同的文件夹中有很多 JavaScript 文件,想将它们一起添加到 master.js 中。我有以下项目结构:

如果我可以激活和停用各个引导插件,那就太好了。我不想使用 Grunt 和 Gulp。我只使用 NPM。我认为这必须以某种方式与 browserify 和 uglifyjs 一起工作。

0 投票
0 回答
1800 浏览

angular - ng2-bootstrap 下拉菜单不适用于 angular-2-beta 和 bootstrap4

我正在使用angular2 5 min quickstart

当我尝试使用ng2-bootstrap drowdowns 指令中提供的最低限度标记和组件时,我遇到了 3 个问题

  1. 插入符号没有出现
  2. 下拉菜单不起作用
  3. 拆分按钮插入符号出现,但大小为主要操作按钮的一半。

这是我的依赖项:

0 投票
1 回答
33403 浏览

twitter-bootstrap-4 - Font Awesome 和 Bootstrap 4 导航栏

我正在寻找一个使用 Fontawesome 和 Bootstrap 4 的导航栏组件的示例,以便我有一个文本描述和一个彼此相邻的图标。

0 投票
1 回答
890 浏览

flexbox - bootstrap v4中的图标列

我在 bootstrap v4 中有一个使用 flexbox 的简单图标列。它很好,但是如果您然后单击一个图标,则位置会略有变化。似乎只发生在 chrome 中。这是一个小提琴:

https://jsfiddle.net/lenb/shr8bk89/10/`HTML

CSS:

我认为没有理由改变定位。

有人可以告诉我出了什么问题。

0 投票
1 回答
3731 浏览

sass - 引导 4 SASS 和 ASP.NET5

我想将 bootstrap 4 alpha SASS 版本与 ASP.NET 5 应用程序一起使用。到目前为止,我发现安装它并简化工作流程非常困难。他们有他们的 Grunt 文件,可以创建 css 和 js 文件以及它们的最小版本,但我看不到一个好的工作流程的干净方法。

我至少要达到的目标:

  1. 在项目的某处有引导 .SCSS/.JS 文件
  2. 每当我在 .SCSS 中更改某些内容并保存时,应将 .SCSS 转换为 .CSS,合并并缩小它们。JS也一样

理想情况下,它应该与从 .cshtml 生成的页面上的浏览器链接一起使用。我想避免像引导程序建议的那样安装 Ruby 的东西。

到目前为止,我尝试使用 Web Compiler 扩展,但它不理解 bootstrap 的 SCSS,因为它们不会相互 @import。并且 gulp 或 grunt 可用于组合/缩小 Web 编译器的结果,但我不知道如何在 .SCSS 事件内的 Ctrl+S 上分配 gulp/grunt 任务。

0 投票
2 回答
2016 浏览

css - Bootstrap 4 Alpha 和升级

Bootstrap 4 将于 2016 年某个时候发布。

升级的最佳方法是什么 - 完全重写?我为 Boostrap 2 到 3 做了那个,但不确定我是否可以在版本 4 中再次面对它......

谢谢

0 投票
1 回答
8462 浏览

css - Bootstrap 3 和 Boostrap 4 - alpha 版本当前是否向后兼容?

Bootstrap 3 和 Boostrap 4 - alpha 版本当前是否向后兼容?

我尝试用新的 alpha 版本替换 Bootstrap 3,但结果样式被破坏了。我做错了什么还是这是一个普遍的问题?

0 投票
2 回答
30938 浏览

jquery - Bootstrap 4 Carousel 一次多帧并滑动一帧

针对 bootstrap 3的相同需求(那个问题)提出了另一个问题,但建议的解决方案不适用于 Bootstrap 4。

这篇文章的图片很好地解释了我想要什么。

在此处输入图像描述

甚至更多这个 bootply

如何使用 Bootstrap 4 实现这一目标?

0 投票
5 回答
58696 浏览

html - bootstrap - 如何将导航栏放在背景图像之上?

我是新手。这是我正在尝试制作的设计: 在此处输入图像描述

如您所见,导航栏位于背景图像的顶部。这就是我所拥有的:

给出:

在此处输入图像描述

我不知道如何把它放在图像本身而不是上面。

简短的问题:是什么让 vimeo 的图片使它看起来比我使用的太阳图像好得多?在我的图像上你可以看到所有的像素等等...这是因为它可能是一个太小的图像并且它必须被拉伸很多以适应整个页面?

编辑:

这是我尝试过但没有用的

0 投票
1 回答
4083 浏览

twitter-bootstrap-4 - 为什么 Bootstrap 4 卡片图像使用 data-src 而不是 src 作为图像标签?

在下面的演示代码中,它使用 data-src 但没有 img src。图像是如何应用的?javascript是否以某种方式修改了这个?

http://v4-alpha.getbootstrap.com/components/card/