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

twitter-bootstrap - 使用 jspm 安装 bootstrap v4-dev 分支

是否可以使用 jspm安装bootstrap v4-dev 分支?

我试过了:

这种工作,但 dist 文件夹是空的。

我不确定jspm是否支持以这种方式安装分支。文档说:

任何版本标签或分支都可以通过这种方式安装到 GitHub 和 npm。GitHub 注册表当前不支持基于提交的安装。

https://github.com/jspm/jspm-cli/wiki/Installing-Packages


编辑

试过:

相同的结果 - 清空 dist\css 和 dist\js 文件夹。

文件夹

0 投票
2 回答
3415 浏览

css - Bootstrap 4 - 自定义进度条

我正在使用 Bootstrap 4 alpha。如何自定义(例如:移除边框半径、更改条形基色、填充颜色等...)?

尝试使用以下代码..但它不起作用:(

现场演示


HTML

CSS

0 投票
3 回答
2914 浏览

css - Bootstrap 4 覆盖规则

我正在尝试像这样在引导程序 4 中更改导航栏链接颜色

我的 scss 文件看起来像这样

但是没有!important这不起作用。

在此处输入图像描述

我错过了什么?

0 投票
1 回答
2953 浏览

ruby-on-rails - 如何使用 Rails 4 和 Bootstrap 4 从简单表单中删除默认输入类类型?

我正在使用带有 Bootstrap 4 的 Rails 4.2.4(使用 bootstrap_ruby gem)。

简单表单向表单添加输入类型类...如果输入是字符串,它将string向输入添加一个类。我想知道如何阻止这种情况发生?

例如,如果我有一个带有文件输入的表单。

它将生成以下 HTML:

它将file类添加到labelinput字段。有没有办法file在构建表单时删除类?

我正在尝试使用 Bootstrap 4 (Alpha),它与file类名冲突。

我以为我可以做到这一点,config.wrappers但它将输入类型添加为一个类,例如。string, file.

提前致谢。

0 投票
1 回答
716 浏览

twitter-bootstrap - 使用 Github 分发“Dist”文件夹

所以我使用 Github 来为一个项目托管一个修改后的 Bootstrap 版本(我们只编译我们需要的 Bootstrap 部分)。我还使用 JSPM 作为将 Github 项目下载到本地项目中的方式。

我的困境是,当我发布新版本并使用 JSPM 安装修改后的 bootstrap 版本时,它会关闭项目的克隆,并且 dist 文件夹不包含任何文件。

现在,如果我要使用 JSPM 从 Github 下载 bootstrap 的主版本,我没有问题。所以我显然在发布时做错了什么。
我怎样才能让 JSPM 从 Github 中删除已编译的 dist 文件夹?

回购是:https ://github.com/Softdocs/bootstrap

0 投票
1 回答
201 浏览

gruntjs - Bootstrap v4 安装 - 初始构建和运行 grunt - 由于警告而中止

多次全新安装尝试,大量重新启动,仍然感到沮丧。抱歉,如果其中一些是新手问题。

按照这个非常简洁的指南,我已经完成了工具设置:

http://v4-alpha.getbootstrap.com/getting-started/build-tools/#tooling-setup

唉,我的第一个 grunt 命令在 scsslint 呕吐:

0 投票
2 回答
6306 浏览

twitter-bootstrap - 如何使用 Bower 安装 Bootstrap v4 alpha?

v4 -alpha 文档状态

Bootstrap v4.0.0-alpha 可以通过多种方式下载,包括一些您最喜欢的包管理器。

然而,提到的

而是安装最新的稳定版本 3.3.5。

如何使用凉亭安装 v4 alpha?

0 投票
1 回答
15964 浏览

navbar - Bootstrap 4响应式导航栏以xs宽度折叠?

我试图找到一个 bootstrap 4 响应式导航栏的示例,该导航栏仅在 xs 宽度处折叠为汉堡包按钮,但在更宽时完全可见。

有一个 Just Works 的 bootstrap 3示例,但我发现 4 没有。

bootstrap 4 导航栏示例页面显示了一个折叠的内容版本,但它在所有宽度上都是折叠的。

在它下面提示了如何使用 .navbar-toggler 等使其工作。人。

对于更复杂的导航栏模式,如 Bootstrap v3 中使用的模式,将 .navbar-toggleable-* 类与 .navbar-toggler 结合使用。这些类覆盖我们的响应式实用程序,仅在要显示内容时才显示导航。

我的引导知识很少,所以如果已经有一种认可的方法可以做到这一点,我不想与框架抗争任何解决方案。

编辑:

实际上,bootstrap 4 文档中Collapsible 内容下方的响应式导航栏示例正是我使用navbar-toggleable-xs类所寻找的。之前没看到是因为窗户不够窄。

0 投票
3 回答
3146 浏览

twitter-bootstrap-4 - Bootstrap 4 Flex 盒子网格

根据这篇文章,Bootstrap 4 提供了一个可选的弹性盒子网格。

_variables.scss 文件中有一个名为 $enable-flex 的布尔变量。如果将其设置为 true 并重新编译,则会发生很多事情。

问:如何重新编译 Bootstrap?我输入:

在命令行上,我的 Windows 计算机刚刚挂起。我终于不得不 Ctrl+C 并退出。

0 投票
2 回答
22616 浏览

html - 使用 Bootstrap v4 将按钮对齐到“卡片”的右侧

我是 Bootstrap 的新手,我想我会使用他们的 v4 alpha 版本。

我正在尝试将以下示例中的“安排估值”按钮(靠近页面底部)向右对齐,同时将其他文本向左对齐。我还需要文本和按钮在中间垂直对齐。

http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php

你能帮我吗?