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

嗨，我是 Web 开发的新手。navbar在更改颜色时，我在 bootstrap 4 beta 中遇到问题。如何在 bootstrap 4 beta 中滚动时更改固定导航栏的颜色。请考虑有关此的任何教程。

这就是我导入 style.css 的方式：

<link rel="stylesheet" type="text/css" href="/css/style.css?modified=1507947241"/>

在style.scss的顶部，我有一些非引导代码和以下内容：

@import "../node_modules/bootstrap/scss/bootstrap.scss";

我使用带有 --output 压缩的 node-sass 。它可以很好地压缩引导程序和我的自定义 CSS。但是，我根本无法成功覆盖任何引导变量。我想将主蓝色更改为深蓝色：

并且此声明的任何变体都不会这样做。我尝试过导入自定义 _variables.scss，尝试在其他行的中间、之前、之后声明任何内容。我已经尝试了 !important 以及我在 Stack Overflow 上可以找到的所有内容。:}

我正在尝试使用 BS4 (beta2) 构建一个小页面。

（这里也有一个小提琴）

不知何故，我在构建导航时遗漏了一些东西：我希望 -#banner-heading元素在图标旁边左对齐。为什么这不起作用？

编辑：我注意到如果我将导航放入 - 但 BS-Examples 都没有这样做，所以它肯定是错误的......

我是新手。我知道我可以像这个默认值一样为 Bootstrap 4 分配不同的字体，

例如，如果我尝试使用两种字体配对构建网站，我想知道什么，

上面的代码将如何影响 Bootstrap 4 的元素。哪些元素会得到 Roboto 或 Open Sans。

我正在尝试制作一个图片库，每个图片都有一个模态。我希望单击每个徽标并在模态中打开该公司的推荐信。这是我尝试过的，但是每个徽标在单击时只会打开模态中的硬石字母。这是我尝试使用的codepen的链接。

我究竟做错了什么？谢谢

我正在为我的应用程序使用 angular 4 和 bootstrap 4 beta 2 和 ng-bootstrap，并且还使用 ng-bootstrap。

我从引导文档示例中添加了导航栏。

代码如下所示：

我还在 angular-cli.json 中添加了引导样式。该代码如下所示：

移动视图上的面包屑导航按钮在单击时没有响应。当我尝试检查相同的内容时：我知道“折叠”类没有被添加到单击按钮中。

我正在尝试将下拉菜单添加到导航栏 - 但是虽然图标是右对齐的，但菜单会以左对齐方式打开，尽管我使用dropdown-menu-right. 我看到一个关于 poppr 用于定位的评论 - 除了在nav. 那么我怎样才能右对齐菜单呢？

在这里摆弄：https ://jsfiddle.net/mbaas/dk3tpeex/5/

我试过这个将所有项目垂直居中在一个 Jumbotron 中，

但问题是所有项目都排成一行，就像它们内联显示一样。您如何将它们垂直居中，同时仍以块的形式显示它们。

我正在开发一个网站页脚，并且正在寻找一种方法来制作一个导航，该导航在大屏幕上的一行中包含所有项目，并在较小的屏幕上折叠成多行。崩溃发生得很好，但我想不出办法：

a) 自动显示行并且在按下切换按钮之前不隐藏它们

b）一起消除切换按钮

我当前的代码：

目前，这只是在没有按钮的情况下崩溃（显然是因为我已经删除了它）。有没有一种简单的方法可以让它默认在较小的屏幕上展开？

引导新手在这里。

我正在尝试引导一个旧页面，但我似乎无法弄清楚如何阻止我的图像溢出到下一列。我有一排有两列 - 左侧包含一张图片。一旦我减小窗口宽度，我的图像就会开始溢出到右列并最终折叠在右列的顶部。我希望左列宽度保持不变或折叠到右列的顶部，直到图像不再适合左列。

我已经尝试将图像响应类添加到图像中，但这只会改变我的图像尺寸，我希望图像保持其尺寸。任何帮助将不胜感激！

这是我的代码：https ://www.codeply.com/go/fb14u8fsSc